FrontEnd :-)

항해99 36일차 2022. 6. 13.(월) 미니프로젝트2 (프론트2+백3 협업), 중간 멘토링 D반 - 미니2, 팀 과제 계속 - CS, 챕터 72~73 항해99 37일차 2022. 6. 14.(화) 미니프로젝트2 (프론트2+백3 협업) D반 - 미니2, 팀 과제 계속 JS 스터디 시작(책, 코어 자바스크립트/정재남 지음/위키북스) 항해99 38일차 2022. 6. 15.(수) 미니프로젝트2 (프론트(2-1)+백3 협업) D반 - 미니2, 팀 과제 계속, 팀원 한명 하차 항해99 39일차 2022. 6. 16.(목) 미니프로젝트2 (프론트1+백3 협업) D반 - 미니2, 팀 과제 제출 항해99 40일차 2022. 6. 17.(금) 클론코딩 (프론트3+백3 협업) D반 - 클론코딩 4조(6명), 기획 ..

항해99 29일차 2022. 6. 6.(월) 현충일 주특기(React) 심화 주차 CS D반 - React 심화, 개인 및 팀 과제 계속 - CS, 챕터 20~21 항해99 30일차 2022. 6. 7.(화) 주특기(React) 심화 주차 CS D반 - React 심화, 개인 및 팀 과제 계속 - CS, 챕터 22 항해99 31일차 2022. 6. 8.(수) 주특기(React) 심화 주차 CS 항해톡 D반 - React 심화, 개인 및 팀 과제 계속 - CS, 챕터 24~25 항해99 32일차 2022. 6. 9.(목) 주특기(React) 심화 주차 CS 기술매니저님의 고민 상담소'-')/ D반 - React 심화, 팀과제 리뷰 및 개인 과제 제출 - CS, 챕터 26 항해99 33일차 2022. 6. ..

새벽 2시, 카톡에서 친구의 생일을 확인했다. 생일 축하한다는 메시지를 보내고, 선물을 골라 전송했다. 친한 친구인데, 만나지 못한 날이 3년을 넘은 것 같다. 가까이 살고 있음에도 만나기가 힘들다. 코로나 때문도 있었지만, 친구의 생활도 나의 생활도 바쁘다는 이유가 더 크다. 오늘도 우린 만나지 않고, 톡으로만 생일을 축하하고 고맙다고 인사할 것이다. 그러면서 쌓인 안부를 묻기도 하겠지. 지금 쓰는 글은 제목처럼 거창한 회고는 아니고, 그냥 오늘의 일기라고 할 수 있다. 새로운 분야를 배우겠다 결심한 뒤, SNS 활동을 임시로 닫았고, 왠지 네이버 블로그에도 글을 쓰기가 싫어서, 매일 들어오는 아직 낯설지만 나의 공간인 이곳에 개인적인 감상의 글을 적는다. 새벽 2시 22분, 평소라면 자고 있을 시간인..

Axios 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 비동기 통신 라이브러리 Axios 특징 더보기 브라우저를 위해 XMLHttpRequests 생성 node.js를 위해 http 요청 생성 Promise API를 지원 요청 및 응답 인터셉트 요청 및 응답 데이터 변환 요청 취소 JSON 데이터 자동 변환 XSRF를 막기위한 클라이언트 사이드 지원 1. 설치하기 yarn add axios 2. 요청 보내기 import axios from "axios"; // axios는 axios.요청타입으로 요청을 보낼 수 있어요. 이 방식을 별칭 메서드라고 불러요. // 예시) // axios.get(url, config) // axios.post(url, data, config) //..

팀 과제 질문 답변 (모범 답변 및 우리 조 답변 참고해서 새로 정리) s3 버킷에 배포한 뒤, 어떤도메인.com이 아닌 어떤도메인.com/login 등 페이지로 이동하면 왜 오류가 날까요? 리액트의 라우팅 방식이 전통적 링크 방식이 아니기 때문. (전통적 링크 방식의 경우 주소창에 적힌대로 html 파일을 받아 보여준다면, SPA는 하나의 html을 두고 주소창에 적힌 대로 내용을 갈아끼우는 방식) s3 버킷의 정적 웹사이트 호스팅은 /login 경로에 맞는 html을 찾는 거고, 해당 html파일이 없기 때문에 404 에러가 나는 것. 에러 해결 방법은? s3가 어떤 상황이건 index.html을 보도록 설정해주는 것 리액트에서 각 페이지 컨텐츠에 맞는 미리보기(사이트 이미지, 사이트 설명 등)를 띄..

팀 과제 질문 답변 (모범 답변 및 우리 조 답변 참고해서 새로 정리) Q1. 컴포넌트 A는 리덕스 스토어를 구독하고 있습니다. 리덕스에 저장된 데이터가 변경되었을 때(A가 구독 중인 값이 변경되었다고 가정합니다.), 어떤 과정을 거쳐 컴포넌트 A가 변경된 값을 가져올 수 있는 지 흐름을 그려볼까요? 컴포넌트에서 action이라는 객체를 통해서 변경된 state를 dispatch. ⬇️ redux store 내의 action 함수에서 state를 reducer로 보냄. ⬇️ reducer에서 state를 가공하여 return한 후, component가 update. // 변경값이 들어오면 컴포넌트 A에서 만들어둔 action이 변경된 state를 dispatch해서 reducer로 보낸다, reducer..

항해99 22일차 2022. 5. 30.(월) 주특기(React) 숙련 주차 CS 리덕스 세션(20시) D반 - React 숙련, 개인 및 팀 과제 계속 - CS, 챕터 20~21 항해99 23일차 2022. 5. 31.(화) 주특기(React) 숙련 주차 CS D반 - React 숙련, 개인 및 팀 과제 계속 - CS, 챕터 22 항해99 24일차 2022. 6. 1.(수) 주특기(React) 숙련 주차 CS 항해톡 D반 - React 숙련, 개인 및 팀 과제 계속 - CS, 챕터 24~25 항해99 25일차 2022. 6. 2.(목) 주특기(React) 숙련 주차 CS D반 - React 숙련, 팀과제 리뷰 및 완료 - CS, 챕터 26 항해99 26일차 2022. 6. 3.(금) 주특기(React)..

항해99 15일차 2022. 5. 23.(월) 주특기(React) 입문 주차 CS 실전프로젝트 리더/부리더 발제 D반 - React 입문, 팀과제 질문 키워드 배분 및 시작, 개인 공부 계속(생활코딩), 개인 과제 시작 - CS, 챕터 10 항해99 16일차 2022. 5. 24.(화) 주특기(React) 입문 주차 CS D반 - React 입문, 팀과제 계속 - CS, 챕터 12, 13 항해99 17일차 2022. 5. 25.(수) 주특기(React) 입문 주차 CS 항해톡 D반 - React 입문, 팀과제 계속, 개인 과제 완료 - CS, 챕터 14 항해99 18일차 2022. 5. 26.(목) 주특기(React) 입문 주차 CS D반 - React 입문, 팀과제 리뷰 및 완료 - CS, 챕터 15 ..