선초코

[주간회고를 쓰는 이유] 1. 지난 일주일을 되돌아봄으로써 나의 현재 상태를 파악하고 2. 더 나은 다음주를 만들기 위해 어떤 부분을 어떻게 채워나갈 지를 고민하는 것 벌써 12월 3주차라니!! 이제 1년이 다 갔다. 말도 안 된다. 연말 분위기가 나고 크리스마스가 다가오는데 놀 수 없어서 좀 슬프긴 하지만 할 일이 명확하게 있다는건 좋다. 내년 3월까지 달려~~~ 다음 주 목요일부터 프로젝트다. 벌써 프로젝트 뭐할지도 나왔다. 그래도 역시 무섭다. 잘 할 수 있겠지...? 배운 것 리덕스 팀원들과 잘 소통하는 법 애자일 방법론 react lifecycle (거즌 이해몬함) 잘한 점 지각하지 말자고 한 다짐 잘 지켰다. 졸릴 때 참다가 점심, 저녁 쉬는 시간에 잤다. 팀원들과 소통 공간을 노션에 만들어서..

리덕스 투두 리스트 숙제 리뷰 삭제 전에 한번 물어보기 if (window.confirm(메세지)) { 확인누르면 실행할 코드 } 마우스 두면 설명 뜨게 하는 주석을 달아주자 리덕스 처음부터 영상찍어서 올려주실거임 레이블과 인풋을 하나의 컴포넌트로 만들어주었다. 폼 태그 안의 버튼에 타입 = 섭밋 이라고 넣어준다. 같은 내용이 들어가면 오류 창 띄워주기 리덕스를 써도 지역 state와 간단한 프롭스를 이용한다. stoppropergation?? 루트 따라한다고 저렇게 써놨는데, 더 단순히 써줄 수 있다. 시간도 넣어줘볼까 팀원들과 소통하면서 github 레파지토리 read.me 파일에 내가 한 프로젝트에 대한 설명을 상세히 써놓으면 내가 무엇을 공부했는지 어떤 일을 맡아서 했는지 알 수 있어서 좋다는 것..

후발대 리액트 숙제를 두 번 찍었다. 처음에 오류가 계속 났던 부분은 const [title, setTitle ] = useState(””) const [body, setBody] = useState(””) 를 설정하고 state를 가져와서 이용하는데 위 처럼 중괄호에 싸서 넣어야하는 줄 알고 그렇게 했더니 객체 형태가 달라져서 filter에서 에러가 났다. { id: uuid(), title: {title}, body: {body}, isDone: false, } 이렇게 써야 그 전에 initialSate 와 형태가 동일해져서 오류가 안 나는 것 같다. { id: uuid(), title: title, body: body, isDone: false, } 태인 매니저님이 추천하신 팀의 소통을 위해 노션을..

리덕스 숙련과제를 끝냈고, 조원들과 코드리뷰를 했다. 내가 내 맘대로 짜서 그런지 정석에서 많이 벗어난 느낌이었다. 수정해야할 것 1. state 상태 변화도 리듀서에서 시켜주기 2. useEffect 사용해서 상세페이지 내용가져오기 시도해보고 싶은 것 - setTitle, setText 두개를 합치기 조원분의 코드 const onChange = (e) => { const { name, value } = e.target; setTodo({ ...todo, [name]: value }); }; 후발대 배열 수업 들었던것 숙제 이제 했다. 배열 메소드 수업 들었던 것 정리는 다 했고 영상 찍을 예정 til 안에 내용을 다 넣어놓으니 정리된 내용을 찾기 힘든 것 같아서 블로그 카테고리를 더 만들어서 정리했다...

오늘 하루종일 리덕스로 todolist 만들기 과제 만들었다. - CRUD 구현했다. (redux의 중앙 state store 이용) - styled component 이용해서 css 적용했다. css 내용은 예시에서 복붙했다. - layout 이용해서 전체 페이지에 css 기본값 넣어주었다. - router 이용해서 상세페이지 구현했다. (Link, useNavigate, useParams 이용) - 띄어쓰기나 빈값을 넣으면 알러트 뜨게하고 해당 인풋에 포커스해주기 - 투두 리스트 추가하고 나서는 인풋 비우기 - id는 uuid 이용 - dispatch 할 때 action creator 이용. map과 filter를 다양한 방법으로 써보면서 원하는 기능을 구현했다. map에 if를 넣어서 조건적으로 r..

redux 이용하여 TodoList 만들기 강의보면서 혼자 폴더구조를 어떻게 해야하지 하고 고민하고 이것저것 만들고 있었는데 팀원분께서 예시에서 소스보기 하면 폴더 구조 확인할 수 있다고 하셔서 참고해서 만들었다. 후발대 코드 따라치기 숙제를 했다. 숙제를 하기위해서 코드를 github에서 받아서 사용하려고 했는데 yarn start 했더니 스트립트가 없다는 오류가 났다. 검색해보니까 다운받을 폴더에 yarn이 없어서 그렇다는 것을 알았다. yarn install 하여 다운받고 나니까 문제 해결. yarn install 팀원들과 이야기하여 input Box 컴포넌트 분리할 때 왜 오류가 났는지 발견했다 구조분해 할당을 해오면서 키워드들을 담아오는데 중괄호를 빼먹어서 오류가 났던 것 이었다.!! 오류났을 ..

[주간회고를 쓰는 이유] 1. 지난 일주일을 되돌아봄으로써 나의 현재 상태를 파악하고 2. 더 나은 다음주를 만들기 위해 어떤 부분을 어떻게 채워나갈 지를 고민하는 것 배운 것 리액트 숙련 잘한 점 리액트를 열심히 배웠다. 못한 점 집중 못 한 시간이 좀 있었고, 늦잠을 잤다. 더 나은 다음주가 되려면 미루지 않고 시간표 따라가기 늦잠자지 않기

전역 state를 쓰더라도 간단한 용도로는 부분적으로 부분 state를 쓴다. 키 밸류 값이 같은 경우 하나만 써주기도 하는 듯 export default {}없이 쓸 수 있고 가장 대표로 나가는 값이다. Ducks 패턴 - redux module 작성방법의 정석 협업자들끼리 구성요소를 빨리 파악하기 위해 정한 패턴 우리는 이미 이 패턴을 따르고 있었다. ㅎㄷㄷ 1. reducer 함수를 export default 한다. 2. action creator 함수들을 export 한다 3. action의 type은 app/reducer/ACTION_TYPE 형태로 작성한다. (우리는 action type을 상수로 PLUS_ONE 하나만 써줬는데 app/counter/PLUS_ONE 이런식으로 써줘야된다는 말인..

오늘 한 일 09:30am ~ 11:00am : 국취제 자소서, 면접 특강 11:00am ~ 11:30am : 국취제 상담 갔다옴 11:30am ~ 12:30pm : 치킨먹음 12:30pm ~ 12:50pm : vscode 기본 터미널 git bash로 바꿔줌 늦잠 금지....! yarn 관련된 명령어가 powershell 터미널에서는 전혀 실행이 안 되어서 vscode 기본 터미널을 git bash로 바꾸어주었다. https://amaranth1ne.tistory.com/50 styled-component 이용해보기 yarn add styled-component 명령창에 입력 vscode-styled-components 플러그인 다운로드 (손에 매니큐어 칠하는 이미지) import styled from..

오늘 한 일 09:20am ~ 10:30am : 알고리즘 문제풀기 10:30am ~ 01:00pm : Todolist 만들기 01:00pm ~ 02:00pm : 쉼 02:00pm ~ 05:00pm : Todolist 제출하고 개인적으로 수정 05:00pm ~ 07:00pm : 쉼 07:00pm ~ 09:00pm : Todolist 리뷰 강의 들음 09:00pm ~ 11:30pm : 쉼, 치킨, 사과주스 먹음 11:30pm ~ 01:30am : Todolist 리뷰 강의 피드백 바탕으로 코드 수정 프로그래머스 알고리즘 javascript 캐릭터의 좌표 switch 문 써보고 싶었는데, 잘 쓸 줄 몰라서 if, else if로 풀었다. function solution(keyinput, board) { let..