이번 팀 프로젝트를 진행하며 생각을 적어보고 사용한 기술들에 대해서 적는 글을 작성한다. 이번 프로젝트는 사실 볼륨이 큰 프로젝트는 아니다. 주제는 책 후기(책 나무위키)와 구독이 주이다.프론트 기술 스택은 tailwind, next.js, recoil, react-q

프론트엔드 취준을 하며 그동안 팀 프로젝트와 개인 플젝과 구현에만 너무 집중해 있던 것 같아 면접 질문들을 찾아보고 스스로 궁금했던 것을 찾아보며 공부를 하는 중이다. 퍼온 질문들과 그 답을 이해하고 궁금한 것을 찾아 답을 적으며 점점 추가하여 긴 글을 하나 작성하려

프로그래머스 베스트앨범문제 설명스트리밍 사이트에서 장르 별로 가장 많이 재생된 노래를 두 개씩 모아 베스트 앨범을 출시하려 합니다. 노래는 고유 번호로 구분하며, 노래를 수록하는 기준은 다음과 같습니다.속한 노래가 많이 재생된 장르를 먼저 수록합니다.장르 내에서 많이

고양이 사진첩 리뷰

프로그래밍 언어 검색프로그래머스에는 순수 javascript만을 이용하여 과제를 작성하는 것이 많이 준비되어 있다. 그 중 하나인 프로그래밍 언어 검색을 풀어보고 풀어보는 것에서 그치지 않고 어째서 이런 코딩을 했고 보너스 점수를 받는 부분도 한번 더 작성해보려 한다.

최근 마무리한 사이드 프로젝트를 타입스크립트와 리액트를 이용해서 진행했다.타입스크립트를 공부하던 중 시작하게 된 프로젝트라서 우선 몸으로 부딪혀가며 공부했다. 많은 오류들을 겪었지만 우선 그 중 타입가드에 대해서 작성을 해보려 한다.타입가드 ?타입가드란 객체의 타입을

프로그래머스 거리두기 확인하기문제 설명문제의 핵심은 응시자가 앉아있는 위치를 시작으로 상하좌우 너비우선탐색(BFS)을 이용하여 상하좌우 이동할 수 있는 방향으로 이동하며 방문을 검사하고, 최종적으로 P를 만나는지 검사한다. 만약 응시자를 만난다면 이동한 거리의 길이가

프로그래머스 귤 고르기https://school.programmers.co.kr/learn/courses/30/lessons/138476한동안 프로젝트와 우테코 프로코스를 마무리 하느라 한동안 프로그래머스를 풀지 못했더니 못봤었던 문제들이 많이 보인다. map

우테코 1주차가 끝난지 꽤나 되었는데 바로 기록을 하려 했지만, 생각보다 바로바로 글을 쓰는 것이 쉽지 않다는 것을 깨달았다 🥲 더 밀리지 않고 끝난 지금이라도 기록을 해보려 한다.joinjoin 메서드는 인자를 기준삼아서 배열의 모든 요소를 연결해 하나의 문자열로

우테코 프리코스 1주차 후기 1주차 미션이 종료되고 오늘부로 2주차 미션이 시작되었다. 2주차 미션을 진행하기 전에 1주차를 진행하며 느낀점을 한번 적어보려 한다. > 1주차의 미션은 무엇이었는지? 1주차의 미션은 Js의 기본적인 문법에 관한 내용이었다. 1~7

첫번 째 팀프로젝트의 주제는 다방으로 정했다!물론 완전한 클론 코딩은 아니고 필요한 부분과 우리가 해보려는 부분을 추스려서 진행했다.로그인 / 회원가입로그인 유지(새로고침 시에 로그인이 풀리기 때문에 서버로 get요청)지도 menubar or 검색을 통해 대학교를 검색

🚀 토이 프로젝트22.7.1 부터 팀프로젝트를 진행하기 앞서, 그전에 타입스크립트를 공부하며 redux-toolkit도 더 익숙해지고, js문법도 더욱 잘 쓰기 위해서, 레포를 하나파서 간단한 쇼핑몰을 하나 만들어 보려한다~!api는 찾아보다 보니 fake stor

페이지네이션 서버에서 많은 데이터가 존재하고 이 데이터들을 전체적으로 보여줄 때 프론트에서는 한 페이지 안에서 많은 데이터를 받아와서 한번에 보여주는 것은 많은 시간이 소모되어 좋지 않을 뿐더러 UX에도 좋지 않다 따라서 인피니티 스크롤 or 페이지네이션을 이용해서

🚀 TILlocalStoragelocalStorage를 사용해서 현재 하고 있는 프로젝트를 구성하고 마치 localStorage를 서버처럼 사용하는 것으로 바꿔볼 생각이다. localStorage를 사용한지 시간이 조금 지난 것 같아서 그에 대해서 정리도 하고 자유롭

하나의 프로젝트를 배포하는 과정을 공부하고, 튼튼히 다져가며 발전하기위해서 js deep-dive도 보며 js문법과 동작과정을 공부하고 있었는데,SPA 를 바닐라 js로 구현하려면 어떻게 해야할까 ? 라는 생각이 들어서,,구글링도 엄청 하고 프로그래머스에 마침 SPA

next에서는 getServerSideprops를 통한 서버사이드렌더링을 하여 로그인 유지를 쉽게 할 수 있다.그렇다면 csr을 할때에는 어떤식으로 로그인을 유지해야 할까?어떤식으로 유지를 해야하는가에 대한 공부를 하기 위해서는 세션 or 쿠키에 대한 이해가 있어야 한

객체를 프로퍼티 값으로 갖는 객체의 경우 얕은 복사는 한 단계까지만 복사하는 것을 말하고 깊은 복사는 객체에 중첩되어 있는 객체까지 모두 복사하는 것을 말한다.깊은복사얕은복사 렉시컬 스코프는 상위스코프가 동적으로 변하지 않고 함수 정의가 평가되는 시점에 상위 스코프가

오늘은 개인플젝을 진행중에 하나의 에러를 발견했다.이런 실수를 하지 않기 위해 작성을 한다.functions are not valid as a react child...이 구문으로 시작되는 에러인데,렌더링 되어야 하는데 실행이 되지 않아서 나오는 에러이다.예시코드이런식

한동안 전역 상태 관리를 주로 해서 클론 코딩을 하거나 간단한 것들을 만들었더니, 바보같이도 리액트의 기본적인 useEffect가 정확히 어떻게 작동하는지를 잠시 망각 ? 하고 살았던 것 같다.요즈음 디자인 라이브러리 없이 마크업 연습도 하고, 리액트는 기본이고 추가로

취업을 하기 위해 사람들은 효율적이고 빠른 길을 찾는다.하지만 클린 코드의 작성자는 이런 말을 했다고 한다.빨리 가는 유일한 방법은 제대로 가는 것이다.물론 js를 안하고 react 와 next를 하고 있는 것은 아니지만, 복기하며 내가 방학 때 할 팀프로젝트를 잘 준