개인 프로젝트 작업 프레임워크 없이 SPA(싱글페이지어플리케이션) 만들기 [참고영상] Build a Single Page Application with JavaScript (No Frameworks) 작업 파일 (Github} https://github.com/hihisohi/mattarae GitHub - hihisohi/mattarae: 1차 스터디 개인 프로젝트 1차 스터디 개인 프로젝트. Contribute to hihisohi/mattarae development by creating an account on GitHub. github.com
🌱 [인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com # boiler-plate 만들기 (#30 ~ #31) 30. Login 페이지 만들기 (2) 저번에 onEmailHandler, onPassswordHandler 만들어서 각 input 태그에서 문자가 입력되는 것까지 확인. Login 버튼 클릭하여 form이 submit될 때 실행될 onSubmitHandler 작성해서 form 태그에 onSubmit 이벤트 달아줌 submit 시, 새로고침 막고 → even..
🌱 [인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com # boiler-plate 만들기 (#27 ~ #29) 27. Redux 심화 Redux 관련 dependency들 다운받기 npm install redux react-redux redux-promise redux-thunk --save Redux-promise, Redux-thunk 미들웨어들을 받은 이유 redux store는 객체형식의 action만 받는데 store가 못받는 promise나 function..
개인 프로젝트 작업 작업 파일 (github) https://github.com/hihisohi/mattarae GitHub - hihisohi/mattarae: 1차 스터디 개인 프로젝트 1차 스터디 개인 프로젝트. Contribute to hihisohi/mattarae development by creating an account on GitHub. github.com 자바스크립트 복습 코딩앙마 자바스크립트 중급 강의 들으면서 자바스크립트 복습하기
🌱 [인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com # boiler-plate 만들기 (#22 ~ #26) 23. CORS 이슈, Proxy 설정 간단하게 axios 테스트 해보기 // LandingPages.js import React, { useEffect } from 'react' import axios from 'axios' function LandingPage() { // 간단한 axios 테스트 useEffect(() => { axios.get('htt..
🌱 [인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com # boiler-plate 만들기 (#17 ~ #22) 18. npm vs. npx npm (node package manager) 1) 라이브러리들은 담고있는 레지스트리 역할 2) 어플리케이션을 켤 때 / 빌드시킬 때 3) npm에 관한 것은 package.json에 다 정의가 되어있음 4) npm install 시 -g를 하지않으면 local로 다운받는것 원래 create-react-app을 할때 npm in..
개인 프로젝트 메뉴설계도, 스토리보드 작성 메뉴설계도 v.1.0 스토리보드 v.1.0 추후 첨부 예정.. HTML, CSS 레이아웃 작성 현재 폴더 구조 ===================== Mattarae (ROOT) └ 📁 css └ sanitize.css └ style.css └ 📁 font └ font.css └ 📁 img └ 📁 js └ script.js └ index.html ===================== 작업 진행 현황 1. header - 로고 완료 - 메뉴 및 검색아이콘 작업 필요 // index.html Mattarae 2. 메인페이지 feed - 'feed-box' 레이아웃 구성 완료 / css 작업 진행 중 - 팔로우TR과 인기TR 탭 구현 예정 🌊팔로우 TR 🔥인기 TR..
🌱 [인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com # boiler-plate 만들기 (#13 ~ #16) 15. Auth 기능 만들기 Server의 User정보(DB)에 넣은 Token과 Client의 cookie에 넣은 토큰이 맞는지 계속 체크하면서 인증작업을 함 1) auth route 만들기 // index.js const { auth } = require('./middleware/auth'); . . . app.get('/api/users/auth', a..
