분류 전체보기 (215) 썸네일형 리스트형 당근마켓 2:Tailwind css utility 우선 프레임워크 TailwindCSS 마크업에서 직접 모든 디자인을 구축하도록 구성할 수 있는 flex, pt-4, text-center 및 rotate-90과 같은 다양한 클래스로 가득 찬 유틸리티 최초의 CSS 프레임워크입니다. https://tailwindcss.com Tailwind CSS IntelliSense (확장 프로그램) Tailwind CSS IntelliSense는 Visual Studio Code 사용자에게 자동 완성, 구문 강조 표시 및 린팅과 같은 고급 기능을 제공하여 Tailwind 개발 환경을 향상시킵니다. https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss TailwindC.. 당근마켓 :1 NextJs, Tailwind setup NextJS 프로젝트 초기화 (Node.js 12.22.0 이상) npx create-next-app@latest --typescript https://nextjs.org/docs/getting-started ``` 소프트웨어 배포 생명 주기 (Software Release Life Cycle) 1. Alpha: 소프트웨어 테스트를 시작하는 첫 단계 2. Beta: 알파의 뒤를 잇는 소프트웨어 개발 단계 3. RC(Release Candidate): 최종 릴리즈 후보 4. RTM: 완성된 버전 Tailwind CSS설치 및 초기화 npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p (-p를 붙이면 postcss.config.js.. 트위터 클론 :5 보안 Firebase 보안 gh-pages deploy 후 해당 주소에서 로그인 되지않고 아래와 같이 오류가 뜬다. 위 주소로 firebase에 도메인 허용 설정 firebase > database >rules 누가 데이터베이스에 접근해서 write하고 delete 동작을 할 수 있는지에대해 정의 할 수 있다. storage도 마찬가지로 storage > rules 에서 설정가능 . API Key 보안 [Google Cloud Platform] https://console.developers.google.com/apis/credentials 애플리케이션 제한사항 설정 누군가 키를 알고 있어도 해당사이트에서만 허용되게 작성 애플리케이션 제한사항은 API 키 사용을 특정 웹사이트, IP 주소, Android 애플.. gh-pages 빌드 오류 시 확인 해야 할 것들, gh-pages readme가 나올 때 gh-pages 빌드 오류 시 확인 해야 할 것들 1.hompage의 주소가 맞는지 확인한다 (대소문자도 유의!) package.json에 "homepage":"https://{github아이디}.github.io/{repository이름}" 필자는 repository 작성 시 대소문자 상관없을 줄 알고 레포지토리 twitterC를 twitterc로 작성하였다가 며칠을 고생하였다.. 복사해서 작성하도록! 2.setting > pages > branch를 gh-pages로 수정하기 3.작성 browserRotuer 사용 시에! 4. 백준 2525 자바스크립트 : number는 split 할 수 없다. 문제 KOI 전자에서는 건강에 좋고 맛있는 훈제오리구이 요리를 간편하게 만드는 인공지능 오븐을 개발하려고 한다. 인공지능 오븐을 사용하는 방법은 적당한 양의 오리 훈제 재료를 인공지능 오븐에 넣으면 된다. 그러면 인공지능 오븐은 오븐구이가 끝나는 시간을 분 단위로 자동적으로 계산한다. 또한, KOI 전자의 인공지능 오븐 앞면에는 사용자에게 훈제오리구이 요리가 끝나는 시각을 알려 주는 디지털 시계가 있다. 훈제오리구이를 시작하는 시각과 오븐구이를 하는 데 필요한 시간이 분단위로 주어졌을 때, 오븐구이가 끝나는 시각을 계산하는 프로그램을 작성하시오. 예제 입력 14 30 20 예제 출력 14 50 풀이 const fs = require('fs'); const filePath = process.platform.. 백준 2884 javascript : 알람시계 문제 상근이는 매일 아침 알람을 듣고 일어난다. 알람을 듣고 바로 일어나면 다행이겠지만, 항상 조금만 더 자려는 마음 때문에 매일 학교를 지각하고 있다. 상근이는 모든 방법을 동원해보았지만, 조금만 더 자려는 마음은 그 어떤 것도 없앨 수가 없었다. 이런 상근이를 불쌍하게 보던 창영이는 자신이 사용하는 방법을 추천해 주었다. 바로 "45분 일찍 알람 설정하기"이다. 이 방법은 단순하다. 원래 설정되어 있는 알람을 45분 앞서는 시간으로 바꾸는 것이다. 어차피 알람 소리를 들으면, 알람을 끄고 조금 더 잘 것이기 때문이다. 이 방법을 사용하면, 매일 아침 더 잤다는 기분을 느낄 수 있고, 학교도 지각하지 않게 된다. 현재 상근이가 설정한 알람 시각이 주어졌을 때, 창영이의 방법을 사용한다면, 이를 언제로 .. 백준 1481 javascript : 제4분면 처음보는 문법 문제 흔한 수학 문제 중 하나는 주어진 점이 어느 사분면에 속하는지 알아내는 것이다. 사분면은 아래 그림처럼 1부터 4까지 번호를 갖는다. "Quadrant n"은 "제n사분면"이라는 뜻이다. 예를 들어, 좌표가 (12, 5)인 점 A는 x좌표와 y좌표가 모두 양수이므로 제1사분면에 속한다. 점 B는 x좌표가 음수이고 y좌표가 양수이므로 제2사분면에 속한다. 점의 좌표를 입력받아 그 점이 어느 사분면에 속하는지 알아내는 프로그램을 작성하시오. 단, x좌표와 y좌표는 모두 양수나 음수라고 가정한다. 입력 첫 줄에는 정수 x가 주어진다. (−1000 ≤ x ≤ 1000; x ≠ 0) 다음 줄에는 정수 y가 주어진다. (−1000 ≤ y ≤ 1000; y ≠ 0) 출력 점 (x, y)의 사분면 번호(1, 2,.. 백준 2753 javascript: 배수 표현 a % 100 == 0 문제 연도가 주어졌을 때, 윤년이면 1, 아니면 0을 출력하는 프로그램을 작성하시오. 윤년은 연도가 4의 배수이면서, 100의 배수가 아닐 때 또는 400의 배수일 때이다. 예를 들어, 2012년은 4의 배수이면서 100의 배수가 아니라서 윤년이다. 1900년은 100의 배수이고 400의 배수는 아니기 때문에 윤년이 아니다. 하지만, 2000년은 400의 배수이기 때문에 윤년이다. 입력 첫째 줄에 연도가 주어진다. 연도는 1보다 크거나 같고, 4000보다 작거나 같은 자연수이다. 출력 첫째 줄에 윤년이면 1, 아니면 0을 출력한다. 예제 입력 1 복사 2000 예제 출력 1 복사 1 예제 입력 2 복사 1999 0 코드 const year = require("fs").readFileSync("/dev/s.. 이전 1 2 3 4 5 ··· 27 다음
