console.log

https://school.programmers.co.kr/learn/courses/30/lessons/150367 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 메모리: 122 MB 실시간: 89.57 ms 문제분석 10진수를 2진수로 변환한 뒤 포화 이진트리 노드 개수만큼 0을 앞에 채워준다 !! (값이 변하지 않음) 그 다음, 가운데 노드를 부모, 왼쪽 자식 그룹과 오른쪽 자식 그룹의 가운데 수를 검사 ! (부모가 0일때 1인 자식이 있으면 안됨.) 걸린시간 1시간 40분 ⏱️ ..... 풀이방법 배열 순회하며 표현 가능한 이진트리 검사 1. 2로 ..

react-cookie 쉽게 사용하기 react-cookie 쉽게 사용하기 회원가입과 로그인 같은 인증(auth) 기능을 구현하기 위해서 프론트엔드에서 쿠키에 토큰(jwt)을 저장하는 경우가 많습니다. 저는 그런 경우에 react-cookie를 자주 사용하는데요, 패키지 설명을 읽어 blog.pumpkin-raccoon.com 1. npm install react-cookie 2. cookie 관련 함수 모아두는 util 파일 생성 util |______ cookie.ts 3. set get 함수로 쿠키 관리 import { Cookies } from "react-cookie"; const cookies = new Cookies(); export const setCookie = (name: string,..

https://school.programmers.co.kr/learn/courses/30/lessons/150368 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 메모리: 73.2 MB 실행시간: 0.73 ms 문제분석 1. 서비스 가입자 최대 2. 판매액 최대 할인율을 적절히 적용해 우선순위 안에서 최대의 이득을 내야 한다 ! 따라서, 모든 경우를 다 확인해본다 (중복 순열) Go Go ! 걸린시간 40분 ⏱️ 풀이방법 1. 이모티콘 할인율 조합 구하기 2. 구매 비용 계산하기 2-1. 본인 할인율 이상인 이모티콘 구매 (할인율 적용) 2-2. 그 합이..

카카오 로그인 로직 카카오 로그인 요청 사용자 로그인 진행 프론트 인가 코드 받기 (RedirectUri) 백엔드로 전달 백엔드 로직 처리 백엔드 → 프론트 사용자 정보 받기 소셜 로그인 (Kakao) kakao에 인가코드 요청 (로그인/동의 확인) 백엔드에 인가 코드 전달 우리 서비스 전용토큰 받기 토큰확인 후 로그인 진행 그림 출처(https://data-jj.tistory.com/53) Kakao Developers Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 주요에러 해결 방법 Kakao Developers Kakao Developer..

💡 React 단점 - CSR이기 때문에 포털사이트 크롤링 봇들이 React 페이지를 수집하지 못함 - SEO(검색엔진 최적화) 적용 불가 따라서 SSR을 지원하는 Next.js 사용 ! 프로젝트 생성 yarn create next-app yarn dev Next.js 에 Typescript 적용 next-env.d.ts 파일 생성 yarn add --dev typescript @types/react @types/node 프로젝트 폴더 구조 apis API를 모아 놓은 폴더 *.ts 형태의 파일 관리 페이지 또는 도메인 별로 ts 파일들을 관리할 수 있다. apis - main.ts - auth.ts ... components 컴포넌트들을 관리하는 폴더 규칙에 따라 다양하게 적용 components - ..

https://school.programmers.co.kr/learn/courses/30/lessons/155651 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 메모리: 84.8 MB 실행시간: 10.45 ms 문제분석 방 개수를 카운트하면서 우선순위에 따라 방을 대실해줘야 한다. 따라서, book_time 배열을 시작 시각으로 오름차순 정렬 종료 시각에 따라 우선순위 큐에 저장 ! (오름차순) 퇴실 시각 + 10분 계산 잘 하기 !! 걸린시간 40분 ⏱️ 풀이방법 1. 정렬 (시작 시각 오름차순) 2. 앞에서부터 방 채우기 3. 내 차례에서 내 시작시..

1. prettier 설치 npm $ npm install --save-dev --save-exact prettier $ npm install --save-dev eslint-config-prettier $ npm install --save-dev eslint-plugin-prettier yarn $ yarn add --dev --save-exact prettier $ yarn add --dev eslint-config-prettier $ yarn add --dev eslint-plugin-prettier 1-1. airbnb lint 사용 시 $ yarn add eslint-config-airbnb 2. .prettierrc 생성 ( json, js 어느 것이나 상관 X 내부 작성 폼의 차이) 아래 명..

Git 컨벤션 Git flow 💡 COMMIT 컨벤션 ‘jira이슈번호 + [type] + 페이지명 + 내용(기능)’ ex) git commit -m "S08P12B302-22 [Modify] 페이지 기능” 수정 - Modify 구현 - Add 삭제 - Delete Front-end 컨벤션 저희 팀은 Airbnb Eslint를 사용하기로 했습니다 ! (최대한 따르며 코딩 실력을 늘리기로 결정 !!!) 주석 여러 줄에 걸친 주석을 쓸 때는 /** ... */ 사용 /** * make()는 전달된 태그명을 기반으로 * 새로운 요소를 반환한다. */ function make(tag) { // ... return element; } 한줄 주석을 쓸 때는 // 사용 // is current tab const ac..