밴쿠버에서 테니스치는 한량나부랭이

프레임워크 (Framework) 원하는 기능 구현에 집중해서 개발 할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있어 개발자가 프레임워크의 형태에 맞게 코드만 입력하면 실행되는 구조. 애플리케이션 개발시 필수코드, 알고리즘, DB연동과 같은 기능들을 위해 어느정도 뼈대를 제공하여 개발자가 애플리케이션을 개발할 수 있도록 한다. 앱/서버등의 구동, 메모리관리, 이벤트루프등의 공통된 부분은 프레임워크가 관리하며, 사용자인 개발자는 프레임워크가 정해준 방식대로 클래스와 메소드를 구현하면 된다. 프레임워크 예시 Java서버 개발에 사용되는 Spring Python 서버 개발에 사용되는 Django, Flask 안드로이드 개발에 사용되는 Android 아이폰 앱 개발에 사용되는 Cocoa Touch 웹 개발에..

Pages 이 폴더 안에 페이지들을 생성 index.tsx가 처음 / 메인 페이지 _app.tsx는 공통되는 레이아웃을 작성, 모든 페이지에 공통으로 들어가는 걸 넣어주려면 여기에 넣어주면 된다. (url을 통해 특정 페이지에 진입하기 전 통과하는 인터셉터페이지) ex) about.tsx를 만들면 pages폴더 안에 about.tsx를 생성해주면 된다. Public 이미지 같은 정적(Static) 에셋들을 보관 Styles 스타일링을 처리해주는 폴더 모듈(module) css는 컴포넌트 종속적으로 스타일링하기 위한 것이며, 확장자 앞에 module을 붙여줘야한다. next.config.js Next.js는 웹팩을 기본 번들러로 사용 웹팩에 관한 설정들을 이 파일에서 해줄 수 있다. 웹팩이란? 웹팩은 프레..

지금 next.js로 프로젝트 하나 하고 있는데 아무리 생각해도 ts와 tsx의 차이를 모르고 있는 것 같아 궁금해서 찾아보았다. 정말 구구절절한 설명 다 빼고 간단하다. ts는 typescript만 사용할 때 tsx는 React Component에서 사용시 사용! 나는 Component에서 사용중이니까 tsx, 하지만 타입스크립트만 쓰는 리액트 컴포넌트가 없는 경우라면 .ts인 확장자를 쓰면 된다!.