본문 바로가기

분류 전체보기143

boundary 안에 해당 좌표가 있는지 확인 Canvas로 영역을 만들고 그 영역 안에 해당 좌표가 있는지 확인하는 알고리즘 먼저 확인 하고 싶은 좌표를 배열로 선언합니다. point[0] = x 좌표, point[1] = y좌표 var point = [2,4]; 영역 또한 이차배열로 선언합니다. var vs = [ [94, 119], [94, 267], [285, 267], [285, 119], ] const inside = (point, vs) => { var x = point[0], y = point[1]; var inside = false; for (var i = 0, j = vs.length - 1; i < vs.length; j = i++) { var xi = vs[i][0], yi = vs[i][1]; var xj = vs[j][0],.. 2023. 12. 13.
[AWS] Elastic Beanstalk EB CLI 설치 https://github.com/aws/aws-elastic-beanstalk-cli-setup GitHub - aws/aws-elastic-beanstalk-cli-setup: Simplified EB CLI installation mechanism. Simplified EB CLI installation mechanism. Contribute to aws/aws-elastic-beanstalk-cli-setup development by creating an account on GitHub. github.com 1. Elastic Beanstalk CLI Installer 레포지토리를 클론 git clone https://github.com/aws/aws-elastic-beanstalk-cli-se.. 2023. 12. 13.
[Tailwindcss를 활용한 UI제작 실무과정] 2일차. TailwindCSS 설치 및 환경 설정 1. CDN를 이용하여 Tailwind CSS 이용하기 2. Package 설치하여 Tailwind CSS 이용하기 2-1. Package Install npm i -D tailwindcss 2-2. Tailwind CSS Intellisence vscode extends로 Tailwind CSS Intellisence가 제공 되고 있습니다. Tailwind CSS IntelliSense 사용자에게 자동 완성, 구문 강조 표시 및 린팅과 같은 고급 기능을 제공하여 Tailwind 개발 환경을 향상시킵니다. 2-3. vs code 로컬 설정 Tailwind CSS Intellisence의 Details를 보면 vs code 설정을 추천하고 있습니다. files.association files.associa.. 2022. 11. 5.
[Tailwindcss를 활용한 UI제작 실무과정] 2일차. Tailwind CSS Intro Rapidly build modern websites without ever leaving your HTML. TailwindCSS 홈페이지에서 가장 메인에 보여지고 있느 문구입니다. 빠르게 웹사이트를 구축할 수 있다고 얘기하고 있는데 강사님께서도 가장 어려운건 환경 구축이고 그 후는 레퍼런스 보고 할 수 있다고 하네요. 1. 형태 TailwindCSS는 Atomic한 형태를 취하고 있고 그러다 보니 커스터마이징 쉽고 커스터마이징이 쉽다는 것은 주어진 틀에 제한받지 않고 자유롭게 응용할 수 있음을 의미합니다. 완성된 틀을 벗어나 디자인 및 개발의 자율도가 높아지니 창의성과 재사용성, 생산성 등을 높일 수 있어 더욱 유용합니다. 2. 특징 유틸리티 퍼스트(Utility-first) CSS Framework.. 2022. 11. 5.
[설치] MAC에 .NET 6.0 설치하기 이번 학기에 윈도우프로그래밍응용이라는 수업을 들으면서 C#을 처음 다뤄봤습니다. 수업은 윈도우 환경에서 Visual Studio 2022로 진행이 되지만 저는 MAC M1을 사용하고 있고 윈도우 PC는 없고 VSCode로 개발을 하고 있기 때문에 따로 Visual Studio는 설치 하지 않았습니다. 수업은 .NET 6을 이용해서 빌드는 하는데 제 맥은 5.0을 쓰고 있더라구요. 실습 코드를 제출하는 과제가 있어서 .NET의 버전을 맞춰보았습니다. 1. Install .NET 6.0 SDK를 설치합니다. 아래 링크에서 Download .NET SDK x64를 클릭합니다. 페이지가 이동 되면서 다운로드 화면이 나타납니다. https://dotnet.microsoft.com/en-us/download Dow.. 2022. 11. 2.
[Tailwindcss를 활용한 UI제작 실무과정] 2일차 TailwindPlay HTML 삽입 미리보기할 수 없는 소스 https://play.tailwindcss.com/QqlLqYBwvQ Tailwind Play An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser. play.tailwindcss.com 2일차 첫시간으로 Tailwindcss 를 설치하지 않고 Tailwindcss를 아주 잠깐 경험해봤습니다. atomic한 css로 적응만 하면 너무 쉬울꺼 같아요!! 2022. 10. 30.
728x90
반응형