nomadcoder 🤞 Typescript 연습 with Nomadcoder typescript 별거 없다고 생각했지만, 실제로 코드를 쓰기까지 오랜 시간이 걸렸다. Nicolas의 Nomadcoder 무료 강의를 통해 공부해보았다. 해당 강좌는 블록체인에 대한 기본 지식이 선행되어야 이해할 수 있을 것이다. 타입스크립트를 블록체인에 적용해 따라하다보니 자신감을 가질 수 있었다. 고마워요 니꼬!... blockchainNicolastypescriptnomadcoderNicolas 노마드코더-바닐라JS(3) <오타주의> string을 반복 사용하는 경우 변수로 만들기 1. html 작성 2. element 끌고오기 3. js에서 작업 user가 입력하는 값의 유효성을 확인하는 것은 좋은 연습! 그런데! 이렇게 확인하는 것보다 브라우저가 지원하는 기능 사용 을 추천 submit = 브라우저가 새로고침 → form의 default동작 html의 도움을 활용하려면, form안에 위치시켜야함 ex) i... nomadcoderJavaScriptTILJavaScript #7 Today I Learned - 21.01.12 mini project : redux todo list react : prop-types 링크 🔗 - typescript와 같은 javascript 도구 이다. Component의 props에 type 확인을 하려면 propTypes를 선언해야 한다. PropTypes는 elementType React element 타입이며, .isRequired 존재하지 않으면 에러를 띄운다. props에... redux-todo-listprop-typesgithubreact reduxgitReactnomadcoderreduxReact [클론코딩] 유튜브 8일차 multer는 form post에서 file 처리를 쉽게 해주는 라이브러리이다. 이를 이용하면 file의 url 및 정보를 쉽게 알 수 있다.... Clon_CodingVanilla.jsnomadcoderClon_Coding 📃노마드코더 Vanilla JS 메모1 자바스크립트nomadcoderJavaScriptvanillajs노마드코더JavaScript 📃노마드코더 Vanilla JS 메모2 h1 변수 선언(class="hello"의 h1 태그 선택) h1의 innerText를 "Click Me"로 변경 addEventListener를 사용하여 "click", "mouseenter", "mouseleave" 등의 이벤트를 추가하고 함수를 통해 실행. h1.onclick = handleTitleClick; 과 h1.addEventListener("click", handleTitle... JavaScriptnomadcoder노마드코더vanillajs자바스크립트JavaScript [클론코딩] 유튜브 6일차 Pug는 HTML을 훨씬 더 멋있고 효율적으로 쓰게 도와준다. HTML과 달리 닫힘 태그를 쓸 필요가 없다. HTML과 달리 꺽쇠('<') 같은 것을 쓸 필요가 없다. 부모 자식 관계는 파이썬처럼 들여쓰기로 표현한다. Javascript 코드는 #{---} 처럼하여 '---'에 명령어를 쓸 수 있다. React의 ContextAPI 와 비슷한 기능을 한다. View, Controller 등에... Vanilla.jsnomadcoderpugClon_CodingClon_Coding [클론코딩] 유튜브 4일차 git이 추적하지 않을 파일들을 지정할 수 있다. node_modules는 package.json만 있으면 어디서든 다운 받을 수 있는 파일이기 때문에 추가한다. package-lock.json은 보안과 관련된 파일이므로 추가한다. 자바스크립트의 문법 변환 프로그램이다. 우리가 최신 문법을 사용하여 코드를 작성하면 예전 브라우저들은 이를 실행할 수 없다. 이때 바벨을 사용하면 사람이 쓰기 편... Clon_CodingVanilla.jsnomadcoderexpressClon_Coding 코코아톡 클론코딩 meta <meta name="description" content="This is my website" /> <meta property="og:title content="" /> <meta property="og:image content="" /> <link rel="stylesheet" href="styles.css" /> css 파일 적용 file 선택 block vs inline bl... nomadcodernomadcoder 10 - 인스타그램 클론코딩 (10) Apollo Client Backend & Frontend의 연결 후 Login SignUp 기능 구현 uri는 현재 내가 구동한 backend 서버의 주소를 뜻하고 apolloclient로 frontend와 backend를 연결했으므로 우리가 구현한 backend 서버를 frontend에서 이용 가능 간단 코드 리뷰 onCompleted 함수는 useMutation에서 전달받은 LOGIN_MUTATION이 성공적으... TILnomadcoderTIL
🤞 Typescript 연습 with Nomadcoder typescript 별거 없다고 생각했지만, 실제로 코드를 쓰기까지 오랜 시간이 걸렸다. Nicolas의 Nomadcoder 무료 강의를 통해 공부해보았다. 해당 강좌는 블록체인에 대한 기본 지식이 선행되어야 이해할 수 있을 것이다. 타입스크립트를 블록체인에 적용해 따라하다보니 자신감을 가질 수 있었다. 고마워요 니꼬!... blockchainNicolastypescriptnomadcoderNicolas 노마드코더-바닐라JS(3) <오타주의> string을 반복 사용하는 경우 변수로 만들기 1. html 작성 2. element 끌고오기 3. js에서 작업 user가 입력하는 값의 유효성을 확인하는 것은 좋은 연습! 그런데! 이렇게 확인하는 것보다 브라우저가 지원하는 기능 사용 을 추천 submit = 브라우저가 새로고침 → form의 default동작 html의 도움을 활용하려면, form안에 위치시켜야함 ex) i... nomadcoderJavaScriptTILJavaScript #7 Today I Learned - 21.01.12 mini project : redux todo list react : prop-types 링크 🔗 - typescript와 같은 javascript 도구 이다. Component의 props에 type 확인을 하려면 propTypes를 선언해야 한다. PropTypes는 elementType React element 타입이며, .isRequired 존재하지 않으면 에러를 띄운다. props에... redux-todo-listprop-typesgithubreact reduxgitReactnomadcoderreduxReact [클론코딩] 유튜브 8일차 multer는 form post에서 file 처리를 쉽게 해주는 라이브러리이다. 이를 이용하면 file의 url 및 정보를 쉽게 알 수 있다.... Clon_CodingVanilla.jsnomadcoderClon_Coding 📃노마드코더 Vanilla JS 메모1 자바스크립트nomadcoderJavaScriptvanillajs노마드코더JavaScript 📃노마드코더 Vanilla JS 메모2 h1 변수 선언(class="hello"의 h1 태그 선택) h1의 innerText를 "Click Me"로 변경 addEventListener를 사용하여 "click", "mouseenter", "mouseleave" 등의 이벤트를 추가하고 함수를 통해 실행. h1.onclick = handleTitleClick; 과 h1.addEventListener("click", handleTitle... JavaScriptnomadcoder노마드코더vanillajs자바스크립트JavaScript [클론코딩] 유튜브 6일차 Pug는 HTML을 훨씬 더 멋있고 효율적으로 쓰게 도와준다. HTML과 달리 닫힘 태그를 쓸 필요가 없다. HTML과 달리 꺽쇠('<') 같은 것을 쓸 필요가 없다. 부모 자식 관계는 파이썬처럼 들여쓰기로 표현한다. Javascript 코드는 #{---} 처럼하여 '---'에 명령어를 쓸 수 있다. React의 ContextAPI 와 비슷한 기능을 한다. View, Controller 등에... Vanilla.jsnomadcoderpugClon_CodingClon_Coding [클론코딩] 유튜브 4일차 git이 추적하지 않을 파일들을 지정할 수 있다. node_modules는 package.json만 있으면 어디서든 다운 받을 수 있는 파일이기 때문에 추가한다. package-lock.json은 보안과 관련된 파일이므로 추가한다. 자바스크립트의 문법 변환 프로그램이다. 우리가 최신 문법을 사용하여 코드를 작성하면 예전 브라우저들은 이를 실행할 수 없다. 이때 바벨을 사용하면 사람이 쓰기 편... Clon_CodingVanilla.jsnomadcoderexpressClon_Coding 코코아톡 클론코딩 meta <meta name="description" content="This is my website" /> <meta property="og:title content="" /> <meta property="og:image content="" /> <link rel="stylesheet" href="styles.css" /> css 파일 적용 file 선택 block vs inline bl... nomadcodernomadcoder 10 - 인스타그램 클론코딩 (10) Apollo Client Backend & Frontend의 연결 후 Login SignUp 기능 구현 uri는 현재 내가 구동한 backend 서버의 주소를 뜻하고 apolloclient로 frontend와 backend를 연결했으므로 우리가 구현한 backend 서버를 frontend에서 이용 가능 간단 코드 리뷰 onCompleted 함수는 useMutation에서 전달받은 LOGIN_MUTATION이 성공적으... TILnomadcoderTIL