⚡️etc.10 [JavaScript] var, let, const의 차이에 대해 알아보자(scope, hoisting...) 1. 중복 선언 가능 여부var : 중복 선언이 가능하다.var name = 'kim';console.log(name); //kimvar name = 'lee';console.log(name); //lee 위와 같이 같은 이름으로 변수를 선언해도 에러없이 각각 다른 값이 출력된다.이렇게 되면 나도 모르게 같은 이름의 변수를 만들어서 값이 재할당되는 치명적인 실수가 일어날 수 있다. let/const : 중복 선언이 불가능하다.let name = 'kim';let name = 'lee'; //SyntaxError: Identifier 'menu' has already been declaredconst name = 'kim';const name = 'lee'; //SyntaxError: Identifier .. 2024. 6. 19. [원티드] 프리온보딩 프론트엔드 챌린지 3차 세션 실습 미션 1. next.js 프로젝트 설치npx create-next-app@latest 미션 2. “wanted/post” App Router 만들기//app/wanted/post/page.tsxexport default function Index() { return ( hello )} 미션 3. 태그와 태그를 이용하여 이름/희망연봉 입력폼 만들기 마지막에 “전송"버튼 추가export default function Index() { return ( 이름 연봉 전송 );} 미션 4. handleForm 추가 후 form action tag에 연.. 2024. 6. 13. [원티드] 프리온보딩 프론트엔드 챌린지 2차 세션 실습 import React, { useEffect, useRef, useReducer, createContext } from 'react'function reducer(state, action){ switch(action.type){ case 'up': return state + 1 case 'down' : return state - 1 default: throw new Error() }}//props말고도 상태를 전역적으로 사용할 수 있게 해주는..const CounterContext = createContext();const App = () => { const [count, dispatch] = useReducer(reducer, 0) //렌더링에 필요하지않는 값을 참조할 수 있는.. 2024. 6. 8. [Next.js X GitHub] Next.js 앱을 Github에 연동하기 Nexj.js로 앱을 만들었다면 우리는 Github에 연동을 해줘야 합니다. 잔디도 심고, 공부내용도 기록하고, 코드도 관리하고 아주 중요한 요소죠. 하지만 저는 맨날 이 부분에서 애를 먹는데요, 이번에는 절 ㅡ 대 잊지 않기 위해 정리를 해보겠습니다. 레파지토리 생성하기 New 버튼을 눌러줍니다. 레파지토리 이름은 기존에 만들었던 앱의 이름, package.json의 name에 있는 값을 입력해주면 좋습니다. README.md는 이미 앱 안에 있기 때문에 추가하지않아도 됩니다. Create repository 버튼을 눌러줍니다. 정상적으로 만들어졌으면 해당 화면을 보게 됩니다. Quick setup이 안내되어있는데, 사실 이대로 하시면 됩니다. 생성된 레파지토리와 연동하기 vscode에서 만든 앱의 폴.. 2024. 4. 16. 이전 1 2 다음
