프로그래밍 삽질 중

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 LandingPage에 [Load More] 버튼..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) * antd 적용하기 : client/src/index.js에 im..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 LandingPage에 정보 넣기] 1. Movi..

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) * 프론트부분에서 인증이 필요한 부분 - 로그인 시 로그인 페이지/회원가입 페이지로 이동 못하게 하기 -> 가려고 하면 기본페이지(LandingPage)로 이동할 것 [인증 부분 만들기 - client 부분] 1. hoc/auth.js에서 인증 부분 만들기 2. hoc/auth.js에서 console.log(response)로 확인한 부분들로 조건문 만들기 3. _actions/_reducer에서 auth..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 디스트럭처링 특징 1 - 배열의 값 또는 객체의 속성을 풀어서 별개의 변수로 쓸 수 있게 해주는 자바스크립트 표현식 - Sanrio가 가진 속성에 접근함과 동시에 속성의 이름, 년도에 변수 선언이 가능해짐 //기존 객체에서 변수 생성 시 const Sanrio = { name: "hello kitty", year: 1974, } const name = Sanrio.name; const year = Sanrio.year; console.log(name, year); //"hello kitty" 1974 //디스트럭처링으로 객체에서 변수 ..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ indexOf() - 문자열에서 지정된 값이 처음 나타나는 위치 반환 ○ slice() - 문자열의 지정된 부분을 새 문자열로 반환 ○ toUpperCase / toLowerCase() - 문자열의 모든 문자를 대문자/소문자로 바꿈 //indexOf const sentence = "The United States has 50 states and 1 special ward." console.log(sentence.indexOf('states')); //25 //slice const HarryPotter = ["Harry", "Hermio..

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) [로그아웃 만들기 - client 부분] 1. LandingPage에서 '로그아웃'버튼 만들기 2. 구글 크롬에서 확인하기 3. 로그인 -> 처음 페이지('localhost:3000/') -> 로그아웃 버튼 누르고 로그인 페이지로 이동하기 1. LandingPage에서 '로그아웃'버튼 만들기 import React, { useEffect } from "react"; import axios from "axi..

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) [회원가입 만들기 - client 부분] * 로그인과 비슷한 부분이 많음 1. RegisterPage.js에서 코드 작성하기 2. _actions, _reducer에 각각 자료 생성하기 3. 구글 크롬에서 확인하기 4. 회원가입 완료되면 로그인 페이지 -> 처음 페이지('localhost:3000/')로 이동하기 1. RegisterPage.js에서 코드 작성하기 import React, { useStat..