- 전체보기(157)
- js(57)
- 프로그래머스(48)
- 0단계(35)
- 모던 자바스크립트 Deep Dive(27)
- 프로그래머스 데브코스(19)
- 국비지원교육(18)
- 코딩부트캠프(18)
- TIL(17)
- 프론트엔드 데브코스(13)
- React(12)
- 알고리즘(11)
- Lv.1(9)
- 회고(7)
- 코딩테스트(6)
- 한달 회고(5)
- MIl(5)
- js메소드(5)
- CSS(5)
- 웹팩(3)
- Lv.2(3)
- webpack(3)
- DFS/BFS(3)
- mysql(3)
- tanstack-query(2)
- next.js(2)
- ts(2)
- WIL(2)
- frontend(2)
- react routor(2)
- graphql(2)
- 프로젝트(2)
- 미니프로젝트(1)
- 트리(1)
- 디바운스(1)
- 스로틀(1)
- 트라이(1)
- 개인 프로젝트(1)
- vscode(1)
- 스터디(1)
- 이벤트 버블링(1)
- Backend(1)
- 개발상식(1)
- 코딩 잘 하기(1)
- z-index(1)
- async/await(1)
- vanilaJS(1)
- editor(1)
- 연결리스트(1)
- react-query(1)
- 이벤트(1)
- apache(1)
- 타이머(1)
- 그래프(1)
- 고민(1)
- DevTools(1)
- 힙(1)
- 데브코스(1)
- 프로젝트 회고(1)
- cpp(1)
- 깃허브(1)
- tryCatch(1)
- 스택(1)
- 이벤트 캡처링(1)
- 이미지 번들링(1)
- 큐(1)
- 우선순위(1)
- 자료구조(1)
- 모던 모던 자바스크립트 Deep Dive(1)
- 해시(1)
- 토이프로젝트(1)
- 파일 호출(1)
- 이벤트 위임(1)
- 시간복잡도(1)
- 배열(1)
- scss(1)
- 프론트엔드(1)
- typescript(1)
[Github Actions] dev->main 정해진 날에 자동 Merge하기 + fork한 리포지토리 자동 업데이트
안녕하세요, 프로젝트를 하던 중 주기적으로 main에 배포를 해줘야하는 상황이 반복되어 제가 편하려고(!) 자동으로 배포하는 action을 만드려 합니다.
[Tanstack Query] Next.js에서 Devtools가 사라지는 문제 해결
tanstack query hook을 만들어 사용하기 전 까진 문제 없이 devtools가 존재하다 hook을 사용하면 사라지는 문제가 발생했다!
[올해도 아좌좌] 비동기 처리 고찰
토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기 영상을 보며 내 코드를 어떻게 잘 수정할 수 있을지 고민하고있다.
[올해도 아좌좌] JWT 쿠키에 저장하기
올해도 아좌좌 프로젝트를 진행하던 중 기존 리액트 프로젝트 처럼 JWT 토큰을 로컬스토리지에 저장했다. 하지만 Next.js로 프로젝트를 만들고있기 때문에 로컬스토리지에 저장된 토큰은 서버 컴포넌트에서 접근하지 못했다...!
어떻게하면 시간이 부족해도 코드를 잘 작성할 수 있을까?
이번 프로젝트를 진행하며 고민이 많다.어떻게해야 코드를 더 잘 작성할 수 있을지 사실 나는 고민을 잘 해보지 않았는데 이번 함께 팀이 된 사람들의 스타일이 나와는 다르게 고민을 많이 하는 스타일이라 어떻게 해야할지 계속 생각을 하게된다.원래 당연하게 생각했던 부분을 왜
2023년 9월 팀 프로젝트 회고 : 괴발개발
안녕하세요. 9월도 벌써 끝나버렸네요. 제가 데브 코스에 합격하고 공부한지 벌써 4개월이 지났습니다. 이번달 회고는 이번 프로젝트에선 어떤것을 배웠지?를 중점으로 회고하겠습니다.
스크롤시 다른 영역도 스크롤 되는 문제 해결
왼쪽의 사이드바 스크롤을 움직일 때 오른쪽의 컴포넌트 영역이 스크롤 되는 현상 발생!이 문제는 사이드바의 스크롤 이벤트가 상위 컴포넌트로 전파(버블링)되었기 때문에 발생했습니다.그렇기 때문에 해결하기 위해선 버블링을 막아줘야했고 코드로 깔끔하게 해결이 가능합니다.
리액트 에디터 개발 기록
저는 현재 프로젝트로 개발자 커뮤니티를 제작중입니다.여기서 특징은 게시글과 댓글 모두 마크다운 문법을 사용할 수 있는 에디터를 이용한다는 것인데 직접 만들어 사용하기로 결정했습니다.
[TIL: 09.01] 프론트엔드 프로젝트 : 개발자 커뮤니티 - 시작
✅ 결정 = 개발자 커뮤니티 & 챌린지 : 문서 편집기 직접 구현 (예전에 진행했던 노션 클로닝 복습) ✅ 회의는 어떻게 할까 : 김창준님의 특강 -> 애자일 방법론 \-> 매일 스크럼 : 15분 이내로 짧고 빠르게 종료 (절대 대충 X) \-> 팀의 개발 시간
[React 학습하기]state: 컴포넌트의 메모리 - React는 어떤 state를 반환할지 어떻게 알 수 있을까?(+ Hooks 이해하기)
[React 학습하기]state: 컴포넌트의 메모리 - React는 어떤 state를 반환할지 어떻게 알 수 있을까?(+ Hooks 이해하기)
[React 학습하기] 컴포넌트에 props 전달하기
컴포넌트에 props 전달하기 - JSX 전개 구문으로 props 전달하기, 자식을 JSX로 전달하기
