분류 전체보기 (81) 썸네일형 리스트형 코드캠프 4기 - 11월 16일 에러는 잘못써서 실행이 안되거나 실행중에 문제 발생 버그 실행은 잘 되지만, 원하는대로 실행이 되지 않음 prev setCount((prev) => prev + 1); 임시저장소에 있는것도 꺼내오는 것 예상치 못한 예외를 방지하기 위해 실무에서 prev를 많이 사용한다. 코드캠프 4기 - 11월 15일 readOnly 속성 - 클릭은 안된다 props는 타입 추론이 안된다 error 타입 모를 경우 if (error instancesof Error) alert(error.message); UI 프레임워크 바퀴를 재발명하지 마라! 프레임워크를 잘 사용하는 능력도 중요하다. https://material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io import 'antd/dist/antd.css'; 복사 .. 코드캠프 4기 - 10일차 early-exit 패턴 : 유지보수가 좋다 함수 return 반환수 함수는 실행을 종료한다. return = 종료 for문에서 반복문을 중단시킬때는 break를 쓴다. yarn add Aaa yarn add @types/Aaa 아래와 같이 타입스가 적용되어 설치 해당하는 서비스에 따라 제공하지 하지 않을 수도 있음 (any를 써야함) API로 받아오는 데이터 (object, array) REST_API의 경우 일일이 만들어야함 API 응답 데이터는? GRAPHQL-CODEGEN playground schema =>타입들 codegen.yml 해당주소의 스키마를 다운로드(동기화) argument 입력데이터 result 받아오는 데이터 코드캠프 4기 - 9일차 타입스크립트? 자바스크립트의 타입을 강제시키는 언어 객체인 경우 title?: 있을수도 없을수도 있는것 name: 반드시 있어야 하는 것 *실제 실무에서 개발자들은 Docs를 보고 개발을 한다* *Docs보는 연습하기* React NEXT Apollo ... dependecies 실행할 때 필요한것 devdependecies 실행전에 필요한 것들 HTML 하이퍼 텍스트 마크업 랭귀지 마크업 랭귀지 (태그들) XML은 Extensible Markup Language 내가 만든 확장가능한 jsx 있는 것들은 tsx 확장자로 변경해야 인식이 가능한다 타입스크립트는 타입추론을 한다 따로 타입이 정하지 않으면 처음에 들어간것이 타입이 된다. number[] | string[] union type backend로 .. 코드캠프 4기 - 8일차 - 날짜 보여주기 테이블 태그는 스크롤 달려서 많은 정보를 보여줄때 주로 쓴다. 날짜 예쁘게 나오게 하기 날짜 바꿔주는 기능 new Date() console.log(aaa.getFullYear()) getMonth() 월 getDate() 날짜 getDay() 요일 괄호 안에 특정 날짜 넣기 괄호가 비어있느면 오늘날짜를 조작 자바스크립트 month는 0부터 시작 CSS : Placeholder 스타일 변경하기 https://zinee-world.tistory.com/431 [CSS] input:focus 일때 placeholder 스타일 인풋에 포커스 되었을 때 플레이스 홀더가 바로 사라지게 하려면 아래와 같이 CSS를 작성해줍니다. /* lastest version */ input::placeholder { /* Chrome, Safari, Firefox */ color: #222; opacity: 1; } inpu.. zinee-world.tistory.com 코드캠프 4기 - 6일차 5일차 리뷰 폴더정리 가이드 /boards 목록보기 /boards/new 등록하기 /boards/[boardId] 상세보기 /board/edit 수정하기로 했을때, 어떤 게시글을 수정할건지 안나온다. edit 원래 있을것을 꼭 찝어 수정하는 것. /board/[boardId]/edit 수정하기 Optional Chaning vs Nullish-Coalescing data && data.fetchProfile data?.fetchProfile 조건에 따라 화면에 그린다 data가 없으면 data.fetchProfile을 보여준다. default value 형식으로 많이 사용된다 있으면 true / 없으면 fall 거짓의 영역 0 '' false null (프로그래머가 강제로 비워준것) undefined (.. 코드캠프 4기 5일차 - 오류 해결기 오류 1 routed된 page에서 주소가 깨지면서 페이지가 불러오질 못하는 현상 발생, %02% 등 알수 없는 기호와 숫자가 같이 붙어서 나옴 코드 작성시, 템플릿 리터럴 앞에 공백 등 다른 문자포함 잘못입력하여 나오는 문제였다 인코딩/디코딩 개념 https://200301.tistory.com/9 [인코딩 & 디코딩] 개념 [인코딩 & 디코딩] 오늘은 어제 문제를 풀면서 헷갈렸던 내용에 대해서 정리하고자 한다. 내용을 알고 있지만 두루뭉실하게 개념이 잡혀있어서, 문제를 풀때마다 매번 혼란이 오게 된다. 그래서 200301.tistory.com 폰트어썸(Font Awesome) 아이콘 https://goodsoook.tistory.com/29 🍒⭐ 폰트어썸 이용하기 (fontawesome) 폰트어썸 이용방법 폰트어썸이 두달 전부터 업그레이드를 하고 있었습니다. 버전이 이제 6이네요. 버전 5와 링크방법이 같아서 일단은 작성하는데 어려움이 없습니다. 폰트어썸을 처음 이용하 goodsoook.tistory.com https://www.daleseo.com/react-font-awesome/ React에서 Font Awesome 사용하기 Engineering Blog by Dale Seo www.daleseo.com 코드캠프 4기 - 5일차 라우팅? 라우팅은 페이지를 이동하는 것이다 기본은 정적 라우팅 페이지 이동시 사용하는 도구 const router = useRouter() 👇 router.push("이동할 페이지") *라우터 다른기능들 노션 참고* 라우팅 종류 정적라우팅 동적라우팅 1 2 3들을 [aaa] 변수로 받기 ***중요 : [] 꼭 대괄호 안에 넣기 [aaa] 변수로 인식하는 것 /boards/13 index.js 13이란 값은 aaa라는 변수에 담기고, 페이지로 이동한다 접속되는 페이지는 똑같지만 aaa = 13 aaa = 12 변수가 달라진다 페이지는 하나만 만들고, 변수를 동적으로 받을 수 있게 한다 aaa는 어디에 들어있을까? const router = useRouter() router.query = { } query .. 이전 1 ··· 3 4 5 6 7 8 9 다음
