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(개발) 단계에서 실행해본다는 의미로 명령어가 쓰인다. 고로 수정사항이 있으면 바로 브라우저상에서 재렌더링 되어 개발자...

라우팅과 미들웨어 라우팅이란 웹 애플리케이션에서 URL에 따라 어떤 페이지나 컴포넌트를 보여줄지 결정하는 시스템. app/ => app router 사용 page.js => 메인 홈페이지 (/) about/ => about 디렉토리 page.js => about 페이지 (...

0425 JS 복습 foreach 사용 방법 arr = [1, 2, 3, 4] arr.forEach((value, index, arr) => { return condition; }); 반복문을 간편하게 쓸 수 있음. 원래라면 이렇게 적어줘야 할 것을 let res = 0; for (let i = 1; i < 5; i ++){...

타입스크립트란? 타입스크립트는 마이크로소프트에서 개발한 정적 타입 언어다. 자바스크립트는 런타임 시점에 변수의 타입이 결정되는 동적 타입 언어인 반면, 타입스크립트는 코드를 작성하는 시점에 변수의 타입을 지정해줘야 하는, 쉽게 말해 자바스크립트에 정적 타입 시스템을 추가한 언어다. 그리고 타입스크립트는 자바스크립트의 상위 집합(Superset)이기...

이번에 2025 OSSCA 체험형 Next.js 과정에 참여하며 감사하게도 캡틴판교 멘토님의 외부 특강을 들을 수 있는 기회가 생겼다. 특강 주제는 “일 잘하는 FE 개발자로 성장하기”였으며, 프론트엔드 개발자를 꿈꾸는 취준생 입장에서는 되새겨야 할 내용들이 많았다. 그래서 약간의 개인적인 생각을 덧붙여 특강 내용을 정리해보았다. 참고로 개인적인 의견...

Next.js가 SSR을 사용하기에 요새 많은 기업들에서 사용한다는 말을 많이 들어봤을거다. SSR을 사용하면 초기 페이지 로딩 속도가 빨라서 사용한다고들 하던데, 왜 초기 로딩 속도가 빠른건지, CSR과의 차이는 뭐고, ISR과 ISG는 무엇인지, 새로 등장한 PPR은 무엇인지 알아보자. 렌더링이란 렌더링이란, 코드를 시각적으로 표현 가능한 형태로...

감사하게도 2025 OSSCA 체험형 Next.js 과정에 6주간 참여하게 됐다. 기왕 선정된 거, 열심히 해야지예. 아래는 날짜별로 있던 일을 기록해놓은 회고록이다. 0419 이 날은 레포에 자기소개를 올렸다. 팀원분들이 나보다 깃허브를 잘 사용하시는 것 같지만, 정리차원에서 글을 정리해 공유드리고 첫 PR을 보냈다. 진짜 거짓말 안치고 그냥...