참고)https://nextjs-ko.org/docs/getting-started/installation Installation – Nextjs 한글 문서Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file.nextjs-ko.orghttps://nextjs.org/docs/app/getting-started/installation Getting Started: Installation | Next.jsCreate a new Next.js application with the `create-next-app` CLI, and set up Ty..
✏️ 참고)https://nextjs-ko.org/docshttps://nextjs.org/docs Introduction | Next.jsWelcome to the Next.js Documentation.nextjs.org 시작하기 – Nextjs 한글 문서Next.js 문서에 오신 것을 환영합니다.nextjs-ko.org※ Next.js ?Vercel에서 만든 Next.js는 풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크 이다.사용자 인터페이스를 만들기 위해 React Components를 사용하고, 추가 기능과 최적화를 위해 Next.js를 사용한다.내부적으로 Next.js는 번들링, 컴파일 등 React에 필요한 도구를 추상화하고 자동으로 구성한다. → 설정에 시간을 들이지 않고 애..
Today I Learn : 2024-07-221. 학습 사전 준비GitGitHubNode.jsPNPMChrome BrowserVisual Studio Code (설치보다 포터블 버전 사용 권장)2. 디자인 → 개발 hand-off모두가 접근 가능의미있는 구조 설계체계적인 표현 설계원활한 상호작용 설계3. 리액트 X ECMAScript※ ECMASciprt 학습을 위한 환경 구성프로젝트 스캐폴딩 → 설치 : https://www.npmjs.com/package/live-server#usage-from-command-line live-serversimple development http server with live reload capability. Latest version: 1.2.2, last pub..
▶ 스크럼 마스터(Scrum Master)가 해야할 일# 1. organizations 만들기① github 페이지의 우측 상단 클릭 → Your organizations 클릭② 오른쪽의 New organization 클릭 후 Create a free organization 클릭③ organization 폼 작성# 2. 레포지토리 생성① 팀의 스크럼 마스터(Scrum Master)는 Github Organization 계정에 프로젝트 저장소를 생성합니다.ex) vanilla-project② develop 브랜치 만들기 ③ develop 브랜치를 default 브랜치로 변경하기Settings 클릭Settings의 General 메뉴에서 Default branch 를 develop으로 변경한다.④ main과..
Today I Learn : 2024-06-24 # 모듈 (module)모듈은 왜 쓰는가?⇒ 개발하는 애플리케이션의 크기가 커지면 파일을 여러 개로 분리해야 하는 시점이 오는데 이때, 분리된 파일 각각을 모듈(module)이라고 부른다.⇒ 가독성 ↑⇒ 캡슐화모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성된다.모듈에 export와 import를 적용하면 다른 모듈을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능 공유가 가능합니다.type=”module” 속성을 사용하면 defer가 default로 들어가있다.# 모듈 내보내기변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능하다. ⇒ 외부 모듈에서 해당 변수나 함수에 접..
Today I Learn : 2024-06-20참고)https://ko.javascript.info/bubbling-and-capturing 버블링과 캡처링 ko.javascript.info# 버블링(bubbling)* 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다.* 가장 최상단의 조상 요소를 만날 때 까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다.
Today I Learn : 2024-06-18 # DOMhttps://hyesom.tistory.com/entry/JavaScript-DOM
