나의 개발일지 나의 개발일지

정말 바쁘게 진행됐던 이번 주차..! 우리의 결과물! 동영상은 로컬로 연결한 것을 찍었지만 이번에는 백엔드 분들과 첫 협업 과제였다! 와이어프레임 API 설계 User API 기능methodurlrequestresponse 로그인 POST /api/auth/login { email: email, password:password } { token:token, user: { id:id, nickname:nickname }} 회원가입 POST /api/auth/register { email:email, nickname:nickname, password:password, passwordCheck:passwordCheck } { ok:true, msg:회원가입에 성공하셨습니다. } Post API 기능method..

1. Github에서 소스코드 다운로드 (git clone -b jawoon --single-branch repo url : 한개의 branch만 클론) git clone 주소 폴더이름(url 복사해오기) 2. branch만들기 git checkout -b 만들branch이름 -jawoon 이라는 이름의 branch 생성 -checkout하면 생성하면서 branch도 같이 옮겨준다. 3.커밋하기 git add . -> 변경사항을 모두 더해준다.(.이라고 하면 모든 변경사항 가져오는 것) git commit -m "first commit" -> ""사이에는 넣어주고 싶은 commit이름을 넣어주면 된다. git push -u origin 브랜치이름 4. 상태 확인 git status -> add된 내역 확..

-리액트에서는 데이터가 단방향(상위->하위)으로 흐른다 -컴포넌트가 분리되어 점점 많아지는 상황이라면 Prop Drilling이 문제가 될 수 있다. props 전달이 많은 과정을 거치게 되면서 해당 prop을 추적하기 힘들어짐 컴포넌트들 간의 state공유가 필요한데 자식 컴포넌트가 부모 컴포넌트에게 state및 정보를 전달하는 것은 어려움 =>전역상태관리 필요 -전역상태관리: 데이터를 부모컴포넌트에서 받아오는 것이 아니라 전역데이터 저장소에서 받아와서 사용한다. -전역상태관리Redux flow Store(전역 데이터 저장공간)생성 하위 컴포넌트에서 접근할 수 있도록 Provider로 전역 데이터 내려주기 하위데이터에서 전역데이터 수정시 dispatch를 통해 Reducer로 전달할 Action 작성 ..

문자를 조합해서 비교할 때 많이 사용 -형식을 체크 -대체 -갈아끼울때 https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 보통 이메일 주소를 만들 때는 알파벳, 숫자, 특수문자를 이용해서 만든다. 1.첫글자에는 특수문자가 오지 않는다.(영문자 아니면 숫자)->/^[0-9a-zA-Z]/ 2.그 뒤로 영문, 숫자가 오고 특수문자도 올 수 있다.->[-_.0-9a-zA-Z] 문자가 여러 번 반복될 수 있다. ->()* =>([-_.0-9a-zA-Z])* 3.이메일 형식에는 골뱅이가 들어가야 함 ->/^[]0-9a-zA-Z]([-_.0-9a-zA-Z])*@/ 4.골뱅이 뒤에는 숫자, 알파벳 대소문자가 한번 들어간다. [0..

var -es5까지 사용하던 변수생성 키워드 -같은 변수 여러개, 생략 가능 -함수레벨 스코프(변수를 어디까지 사용할 수 있는가) -선언 전에도 사용 가능(호이스팅 때문) let -블록레벨 스코프 -재선언 불가 -재할당 가능 const -재선언, 재할당 불가 typeof 자료형을 알아낼 수 있는 연산자 컴포넌트 쪼개기 -뷰만 생각해서 쪼개는 방법 -데이터를 생각해서 쪼개는 방법 자바스크립트는 싱글 쓰레드(한번에 한가지만 동작할 수 있음) 비동기 작업은 동시에 가능. 자바스크립트 엔진 메모리힙, 콜스택 싱글쓰레드란 스택이 하나라는 말 작업을 시작하면 실행할 것이 스택 안에 쌓이고 끝나면 없어진다. 작업이 들어오는 순으로 쌓아놨다가 하나씩 처리해서 사라지게 함. 비동기-자바스크립트 수행을 도와주는 친구들과 ..

라이프사이클이란? ->컴포넌트가 웹페이지에 들어갔다가 사라지기 까지의 과정 *****컴포넌트는 생성->수정->사라짐***** *constructor: 생성자 함수 ->생성할 무언가를 초기화할 때 사용 ->컴포넌트한테 필요한 어떤 값들을 넣어주는 역할 *render: 가상돔에서 진짜돔으로 올라가는 것 (바뀐 부분이 올라갈때) ->렌더가 마무리 되면 마운트 되었다고 한다.(componentDidMount) *New props(props가 바뀔 때), setState()(state가 바뀔 때), forceUpdate()(강제로 업데이트 했을 경우), 부모 컴포넌트가 없데이트 되었을 때(자식도 리렌더링 된다) ->컴포넌트가 수정될 때(업데이트가 일어날 때) 클래스형 컴포넌트에서 라이프사이클 import Reac..