전체 글

1년차 프론트엔드 개발자입니다 😣 아직 열심히 배우는 중이에요! 리액트를 하고있어요 :) - gueit214@naver.com - https://github.com/gueit214
개발 일지

[개발 일지] 토큰, 어디에 저장해야 할까? (feat. JWT, 로컬 스토리지, 쿠키)

📚 1. 사전 지식 저장소 종료 : 로컬 Storage, Session Storage, Cookie 각 저장소별 특징 localStorage : local에 도메인 별로 지속되는 storage - 시간 제한 X, 브라우저가 꺼져도 죽지 않음 - 값을 지우려면 직접 지워야 함 - 용량 제한만 존재 sessionStorage : 세션(프로세스, 탭, 브라우저) 종료될 때까지 지속되는 storage - 세션 종료 시 지워짐 - 여기서 세션은 탭 단위 cookie : 서버와 클라이언트측 양쪽에서 cookie 데이터를 사용하는 api가 존재 - 서버쪽 사용이 필수적이고 잦다면 localStorage가 아닌 cookie 사용 - e.g. '광고 7일동안 보지 않기'. localStorage는 '기간' 기능이 없기 ..

코딩 테스트/프로그래머스

[프로그래머스] 개인정보 수집 유효기간

📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/150370 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 풀이 1 : 내 풀이 풀이 과정 1. 각 개인정보 별 유효기간을 구한다. (privacies와 terms의 일치하는 타입 이용) 2. 1에서 구한 유효기간 날짜와 오늘 날짜를 비교한다. (오늘 날짜가 더 이후라면, answer배열에 push) 1번, 유효기간 구하는 함수 datePlus를 만들었다. 시작 날짜 startDate와 더할 기간 period를 구한..

개발 일상/개발 이야기

[개발 이야기] 이번 여름 방학, 나의 계획 (6.15 ~ 8.31)

기간 : 2023.06.15 ~ 2023.08.31 (78일) 지난날 회고 1. 지난 1학기 나의 목표는 잘 이루어졌는가? Atties프로젝트는 성능 개선을 하였다. (LCP 단축) 그리고, SSR, SSG를 구현하려는데, 토큰의 이슈로 인해 우선 Next.js 13의 App Routing으로 마이그레이션을 하고 있었다. 마이그레이션을 하던 중 새싹톤이라는 프로젝트를 시작하게 되며 Atties 2.0은 중단되었다. 마이그레이션.. 생각보다 쉽지 않더라. 거기다가 Next.js 13 App routing을 처음 쓰는 지라 적응하는데도 시간이 걸렸다. 아직 SSR, SSG는 구현하지 못했지만, 구현을 하려면 토큰 저장 위치를 바꾸는 등 바꿔야 할 것이 많다. 하지만 나에게는 앞으로 시작하게 될 프로젝트도 있..

카테고리 없음

TIL를 시작하게 된 계기 (+ 노션 블로그 -> Github으로 이동하게 된 계기)

이전부터 계속해서 작성해오던 Tistory Blog를 고수하였으나, 이제는 의욕이 많이 떨어진 듯하다. 최근에 들어 들기 시작한 의문이다. 'Tistory Blog'는 다른 사람들에게 보여주기 위한 블로그인데, 내 회고, 내 생각들을 사람들이 궁금해 할까? 초심으로 돌아가보자. 내가 회고를 시작하게 된 계기가 무엇일까? 처음 글을 돌이켜보자. 나의 2022년 개발 성장기를 시작으로 올해 1월부터 회고를 시작하였다. 처음에는 일기와 배운 내용들, 느낀 점들을 짬뽕해서 작성하기 시작해서, 나중에는 일기라기보다는 배운내용 + 그에 대한 느낀 점들을 위주로 작성하였다. 나는 나를 돌아보고, 그에 대한 느낀 점들을 기록하며 성장하기 위해 회고록을 시작하였다. 그리고 5월 7일부터 노션 블로그를 또 분리해서 작성하..

개발 일상/개발 회고

[개발 회고록] 6월 2주차

💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 자세한 내용 GitHub - Self-Driven-Development/TIL: 오늘 한 일을 적어요 오늘 한 일을 적어요. Contribute to Self-Driven-Development/TIL development by creating an account on GitHub. github.com 다시 또 블로그 양이 많아져서 뿌듯하다. 기본 Notion 블로그에서 Github TIL으로 옮겼다. 나의 생각들을 정리하고자 깃헙 TIL을 시작하게 된 계기를 글로 작성하였다. 정리하고, Github으로 옮기고 나니 마음이 전보다 안정화된 느낌이다. 이번 주, 어떤 한 주를 보냈는가. 이번 주는 올해 중 가장 힘든 한 주였다. 아..

개발 일상/개발 이야기

[개발 이야기] React 번역 도전기 (feat. 오픈소스 기여한 썰)

📚 1. 사전 지식 오픈소스 # 오픈소스 : 개방형 협업, 포용성, 투명성, 빈번한 업데이트를 통해 지적 재산(e.g. 소프트웨어)을 창출하는 것에 대한 커뮤니티 기반 접근 방식 오픈소스에 기여하는 방법은 다음과 같은 방법들이 있다. 1. 코드 작성: 프로젝트의 버그 수정, 새로운 기능 추가, 성능 개선 등을 통해 기여할 수 있습니다. 2. 문서화: 사용자 가이드, 개발자 가이드, API 문서, 주석 등을 작성, 수정하거나 개선할 수 있습니다. 3. 디자인: 프로젝트의 로고, 웹사이트, 사용자 인터페이스(UI) 등의 디자인을 개선할 수 있습니다. 4. 테스트 및 QA: 코드를 테스트하고, 버그를 찾아내고, 이슈를 보고하여 프로젝트의 품질을 높일 수 있습니다. 5. 사용자 지원: 사용자 질문에 응답하거나,..

개발 일상/개발 회고

[개발 회고록] 6월 1주차

💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 이번 주, 시험을 하나 치뤘다. 이전 학기와는 달리, 이번에는 시험 공부에 특정 시간을 할당하고 그 외의 모든 시간을 개발에 몰두했다. 주로 집중한 프로젝트는 '새싹톤'으로, 이 과정에서 엄청난 만족감을 느꼈다. 팀 프로젝트에서는 가끔 일을 팀원에게 떠넘기거나, '내 잘못이 아니야'라며 태만해질 때가 있었지만, 이 프로젝트는 나만의 책임이어서 그만큼 완벽하게 마무리하고자 했다. 특히, 내가 좋아하고 항상 관심 있던 chatbot을 주제로 한 것이라 프로젝트에 더욱 애착을 가지고 즐겁게 진행할 수 있었다. 이번 프로젝트를 통해 openAI, Langchain, TTS, STT, 그리고 파일 읽고 쓰기 등 다양한 새로운 기술을 접하..

개발 일지/개발 일지

[개발 일지] Next.js 블로그 분해기 (feat. Next.js 13)

📚 1. 사전 지식 참고 : pnpm vs npm vs yarn pnpm pnpm은 npm의 단점을 개선한 모듈 관리 프로그램이다. npm과 yarn의 가장 큰 문제인 프로젝트 간 사용되는 dependencies의 중복 저장을 보완하였다. npm과 yarn은 node_modules 내부에 flat 하게 패키지를 설치하여 관리한 반면, pnpm은 이러한 호이스팅 방식 대신 다른 devdependencies를 해결하는 전략인 content-addressable storage를 사용했다. server 컴포넌트 vs client 컴포넌트 참고 : 'use client' Server 컴포넌트 : 서버로부터 data받아오기 Client 컴포넌트 : 파일 첫 줄에 'use client' 붙이면 적용. event li..

피터s
피터의 성장기록