본문 바로가기

전체 글65

JavaScript 알고리즘 100일 챌린지 2번째 나이 출력 https://school.programmers.co.kr/learn/courses/30/lessons/120820 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr  function solution(age) {     return (2023 - age); } 2024. 5. 29.
JavaScript 알고리즘 100일 챌린지 1번째 Front-end 개발자라면 JavaScript를 당연히 접하게 될텐데그렇다면 이 언어로 코딩테스트를 위한 준비를 당연히 해야겠다는 생각을 하게 되어 JS 알고리즘 100일 챌린지를 시작하기로 했다. 앞으로 이 글은 제주코딩베이스캠프 - ''JavaScript 알고리즘 100일 챌린지" 영상과 같은 내용으로 공부하는 내용이며, 프로그래머스 사이트를 통해 이뤄질 코딩테스트 공부이다. 출처 - 'https://www.youtube.com/playlist?list=PLkfUwwo13dlWZxOdbvMhkzhAowaiEjuGS'   -----------------------------------------------------------------------------------------------------.. 2024. 5. 29.
[Front-end] 카카오 로그인 서비스 구현에 관하여, 주의 사항 프로젝트를 진행 하던 중KaKao REST API를 이용해서 kakao 로그인을 연동하는 기능을 구현하기로 했다.  프론트엔드 단에서 할 일은 매우 간단하다고 볼 수 있는데.. 사진으로 한 번 보고가는게 이해가 빠르기 때문에 출처를 남기고 사진을 올려보겠다. 카카오 로그인 서비스의 과정을 나타낸 사진이다. 그 중 REST API 방식은 그렇다면 프론트엔드에서 구현해야할 것들은..  1. 로그인 페이지에 카카오에서 지정한 URL로 로그인 페이지로 이동 시킨다.2. 카카오 로그인 페이지에서 로그인을 하고 되돌아오는 인가코드를 받아서 백엔드에 전달한다.3. 백엔드에 전달하고 나온 accessToken을 로컬 스토리지에 저장한다. 순서대로 살펴보자면 1. 로그인 페이지에 카카오에서 지정한 URL로 로그인 페이지.. 2024. 4. 30.
코드를 컴포넌트화 해서 더 깔끔하고 가독성 좋은 코드로 변경하기 이번 프로젝트에서 내가 가장 고쳐야겠다고 싶었던 것 중에 꽤 높은 비율을 차지했던 사항이였다. 말로 장황하게 설명하는 것 보다 코드를 직접 보면서 고쳐나가는게 더 좋다고 보이는 파트이기에 어떤 방식으로 이런 변경을 하는지 살펴 보자! return ( 카테고리 커피 식 음료 영화 관람권 공연 관람권 숙박권 상품권 기타 {posts && posts.totalPages && currentPage > 1 && ( )} {posts && posts.totalPages && Array.from({ length: Math.min(PAGE_GROUP_SIZE, posts.totalPages - currentPage + 1) }, (_, index) => ( handlePageChange(currentPage + ind.. 2024. 4. 22.

티스토리툴바