정현's 블로그

책보다가 쿵! 키보드를 눌렀는데 저 화면이 떠버림. 미쳐버리는 거임. 이것저것 눌러보다가 답을 알아냄. Ctrl + D 누르면 됨.

1. React 1) 뷰 재구성 중 1차적으로 뷰는 마무리. 디자이너로부터 받은 와이어프레임을 토대로 MUI 및 CSS 입혀가며 재구성 중. 2) Error #1 팀원 분 중 다음과 같은 에러가 발생함. ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\asus\desktop\google-clone\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\asus\Desktop\google-clone\node_modules\eslint-config-react-app\base.js". #4186 Gitbash를..

1. React 1) 마이페이지 작성 - 마이페이지를 최대한 구현해내는 게 목표. * 이미지 업로드 시 프리뷰에 이미지가 나오지 않는 문제 발생. * 코드 리뷰를 통해 데이터 가져오는 경로가 잘못되었고 post -> mypage로 변경해줌으로써 해결됨. 2) 공부 필요 해도해도 부족한게 코딩인 것 같음.

1. React - 클론코딩 주차(Colley 클론 중) 1) 협업 시 느낀점 다른 사람들이 열심히 하는 모습을 보고 분발하게 됨. 다른 사람의 코드를 볼 수 있는 게 장점. 나와의 차이점을 알 수 있고 배울 점들이 많다는 것을 알게 됨. 리덕스 스토어를 Mypage와 연결하는 부분을 맡았고 심지어 구현까지 해볼 수 있게 됨. 이게 뭐라고 뿌듯했음. 후딱 끝내버리고 팀원분들 도와드리러 가야겠다. 2) 아쉬운 점 백에서 어떤 코드와 구조로 진행되는 지 알아보고 싶은데.. 막상 봐보니 뭔소린지도 모르겠고 그냥 '리액트에 집중해야지' 생각하게 됨.

1. React 1) Axios Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용합니다. 2) HTTP Methods 클라이언트가 웹서버에게 사용자 요청의 목적/종류를 알리는 수단 3) GET axios.get(url,[,config]) GET은 서버에서 어떤 데이터를 가져와서 보여준다거나 하는 용도임. 주소에 있는 쿼리스트링을 활용해서 정보를 전달하는 것이지 GET메서드는 값이나 상태등을 바꿀 수 없다. 4) POST axios.post("url주소",{ data객체 },[,config]) post 메서드의 두 번째 인자는 본문으로 보낼 데이터를 설정한 객체 ..

툭툭!

nvm use 14.16.0 exit status 1: �׼����� �źεǾ����ϴ�. status 1 or 5 오류를 확인했다. nvm 버전을 1.1.9 버전 삭제하고 1.1.7로 재설치한 후, VSCode에서 돌려주니 정상 작동함. 후하 하나 해결.

1. React 1) Class형 vs 함수형 1-1) 함수형 컴포넌트 import React from 'react'; import './App.css'; function App() { const name = 'react'; return {name} } export default App; 1-2) 클래스형 컴포넌트 import React, {Component} from 'react'; class App extends Component { render() { const name = 'react'; return {name} } } export default App; 출처: https://devowen.com/298 1-3) 차이점 정리 함수형: State, LifeCycle 관련 기능 사용 불가능.(Hook..

1. React 숙련 주 1) 배운 것 Document Object Model의 줄임말. 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성함. 웹브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용한다. DOM은 트리 형태라서 특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입할 수 있음. 가상돔에서 작성 후 마지막에 비교하여 바뀐부분만 진짜 DOM에 반영한다. 동적 라우팅: 1. -> :(콜론)처리 후 cat_name하면 nabi, 치즈 등 random 한 값이 들어올 수 있도록 해줄 수 있음. 2. -> 아예 컴포넌트 값 명시. React-router-dom 버전에 따라 컴파일 시 오류날 수 있음. 버전에 따라 코딩법도 좀 다름. /cat?name=nabi -> ?ke..

강의마다 리액트 버전(?) 이 달라 똑같이 코드 쳤는데도 에러나는 경우가 부지기수... 리액트가 빨리 변하는 언어라는 걸 체감. 나한테 제일 잘 맞는 강의 찾아서 그거 하나만 죽어라 파야지. 1) Constructor Component가 실행될 때, Constructor 함수가 있다면 Constructor가 제일 먼저 실행된다. 초기화 담당. 2) 상위 컴포넌트 State값 -> 하위 컴포넌트 Props값으로 전달 -> 얼마든지 가능. 3) 4) 5)