프론트엔드 개발을 하면 수많은 용어를 마주칩니다. 물론 다른 분야도 마찬가지지만, 프론트엔드는 유.독. 많이 마주칩니다. 컴포넌트 테스트 자동화 필요하니까 리액트 테스팅 라이브러리 도입해주세요~ 처음 들으면 네..? 하고 싶지 않아도 네? 가 자동으로 나옵니다. 수업 시간엔 알려주지 않는, 리액트 테스팅 라이브러리의 필요성에 대해 알...

음하하 디스커션에 댓글이 달리면 디스코드로 알림이 오게 만들었다 전체 코드는 여기서 볼 수 있다. 마치 겐상에게 알림을 받는듯한 기분이 들도록 프로필도 설정했다 음하하 (사실 라이브러리만 갖다 쓴거긴 함) 어제 고민했던 문제 해결 완료 ~~ 디스커션에 댓글 달리면 알림오도록 하는 법을 검색해보니까 슬랙이랑 텔레그램으로 하는 법 밖에 없어서 ...

안녕하세요 앞으로 TIL과 잡다한 공부 기록은 이 곳에 적으려 합니다. 나눈 이유는, 그냥 이 곳에는 개발 관련 포스팅만 적기로 했습니다. 공부 내용이랑 분리하는게 좋을 것 같아서요. 블로그 템플릿은 vitepress를 사용했습니다. 템플릿이 깔끔하고 공부 문서를 관리하는데 이만한게 없어보였습니다. 배포는 Vercel을 활용했고요. node...

0525 헤더 컴포넌트 리팩토링 하기 헤더 로고 이미지에 priority 속성 추가 이 속성을 추가하면 페이지를 렌더링 할 때 해당 요소를 제일 처음에 불러온다. 로고는 중요하니까 … 가장 처음에 불러오는게 좋다. div => navgatior로 변경 시맨틱 태그에 맞춰서 nav 요...

0517 Header 컴포넌트 구현 관련 PR 0522 구분 Layout Template 리렌더링 안 됨 됨 상태 유지 유지됨 매번 초기화됨 용도 ...

0510 OSI 7계층, 네트워크 기초 공부 0513 Jira & Github 연동 관련 이슈 용어 정리 백로그란 현재 진행 중인 작업과 앞으로 해야할 작업 목록 (아직 완료되지 않은 작업 항목들) 스프린트란 ...

OSCCA에 참여하며 오늘 husky 오픈소스에 첫 PR을 날려봤습니다. 지금 참여하고 있는 과정의 명색이 오픈소스 컨트리뷰션인데.. 오픈소스에 컨트리뷰트를 해봐야하지 않겠습니까 !!!! 아 참고로 husky란 커밋 메세지를 검사해주는 도구입니다. 쨌든, 그래서 지금 진행하고 있는 팀프로젝트에서 husky를 사용하는데 아직 공식문서에 한국어가 ...

세줄 요약 와이파이에 연결된 이후 실제 인터넷 서비스를 사용하는 과정은 세션, 표현, 응용 계층에서 일어남. 반면, 와이파이에 연결하는 자체는 물리, 데이터링크, 네트워크 계층의 일임. 1번과 2번의 다리 역할을 해주는 것은 전송계층임. 그래서 TCP/IP 4계층과 OSI 7계층을 아래 그림처럼 대응지을 수 있는 것. 이미지를 누르면...

0504 라우팅과 미들웨어 0505 Next.js 런타임 동작 방식 0508 라우터에서 선택적 캐치올과 404 페이지 비교 비교 항목 선택적 캐치올 ([[...slug]]) 404 페이지 (not-found.tsx) 라우트 매칭 O (...

개발 단계: next dev 서버가 로컬 환경에서 호스팅 되어 로컬에서 테스트 하는 용도다. 마치 live server extension처럼. 이 때는 최적화를 하지 않는다. 명령어 자체도 dev 지 않는가. 즉 only devlope(개발) 단계에서 실행해본다는 의미로 명령어가 쓰인다. 고로 수정사항이 있으면 바로 브라우저상에서 재렌더링 되어 개발자...