# shorthand property
[javascript] 객체 다루기
Shorthand property 자바스크립트 객체 프로퍼티, 메서드를 축약해 사용 가능하다. 키-값의 형태가 같은 경우 firstname: firstname 으로 쓸 필요없이 firstname으로 충분하다. Computed property name 값 뿐 아니라 객체의 키 또한 동적으로 받을 수 있다. React에서 익숙하게 사용하는 useState 또한 이에 해당한다. Key-value data 강의에서는 lookup table이라는 제목이었지만, 결국 키-값 쌍 형태로 나열된 데이터에대한 이야기이기 때문에 key-value data로 바꿔서 기록한다. 키-값 형태의 데이터를 computed property name과 함께 사용하면 효율적으로 코드를 짤 수 있다. > ### 1. if-else if문 형태 -> 리팩토링 2. switch문 type에 따라 데이터를 리턴하고, 없는 case의 경우 '해당없음'을 리턴한다. if-else i

TIL 0317
🏷️ [목차] 라우터 객체와 라우팅 정적라우팅과 동적라우팅 비동기 통신과 조건부렌더링 graphql 뮤테이션에 try ~ catch 적용 Apollo 디버깅 툴(Apollo-Client-Devtools) 🖇️ [출처 및 참조] 코드캠프 MDN https://medium.com/w-bs-log/history-push%EC%99%80-replace%EC%9D%98-%EC%B0%A8%EC%9D%B4-ed5f2f7db7dc https://www.zerocho.com/category/HTML&DOM/post/599d2fb635814200189fe1a7 https://e-juhee.tistory.com/entry/router-push-router-replace
230314_TIL
앞으로의 목표 👍 javascript 능력 및 고난도 알고리즘 풀이 능력 Nest, Graphql등 최신 기술 스택 활용 능력 기초 미니프로젝트 포트폴리오 로그인, 결제기반 심화프로젝트 포트폴리오 배포를 위한 네트워크 및 CI/CD 배포자동화 능력 120% 백엔드 개발 지식 오늘부터 꾸준히 해야할 일 👍 영타실력 늘리기 단축키 사용 익숙해지기 코드리딩 실력 키우기 데일리 퀴즈 포트폴리오 작성 독스에 친숙해지기 MDN 보는 연습하기 오늘의 수업 👍 📝 배열(Array) 대괄호( [ ] )사이에 쉼표( , )로 구분되어 배열에 저장 배열안에 배열 - 이중배열, 중첩배열 배열은 length라는 속성을 가짐 - 길이값(요소의 개수) 배열안의 데이터들은 index번호를 가지며 0부터 시작한다(길이값 - 1) 배열[길이값] - undefine
shorthand property
💡 shorthand property 적용 전 💡 shorthand property 적용 후 shorthand property는 객체를 정의할 때 객체의 key값과 value 값이 같으면, 각각 표기하지 않고 한 번만 표기하는 것을 의미합니다

Router / 220114
TIL 다섯걸음 Day 5.Router 1.라우팅이란? 1) 페이지 이동을 뜻한다. next.js에서 이동을 도와주는 도구 실행 명령(아래그림▼참조) > -const router = useRouter() => 자동으로 next/router에서 useRouter를 import해와준다. 2)라우터의 종류 정적라우팅(static routing) -이동할 페이지 주소까지 어떻게 가야할지
Day 05.
[ 라우터(router)객체와 라우팅 ] router Next js 에서 라우팅(페이지이동)을 도와주는 도구 자주 사용하는 라우터 객체 기능 router docs 참조 1️⃣ 정적라우팅 > 정적라우팅 - boards/1 ; 을 해야 접속 -> 글이 100개면 폴더를 100개 만들어아하나..? -> 동적라우팅으로 해결 2️⃣ 동적라우팅 > 동적라우팅 - boards/ 아무거나 ; 접속가