삐옹

어젯밤부터 멈추지 않고 비가 내린다. 본격적인 여름을 알리는 비인걸까. 시원하니 좋구나. 오늘 뭐 할거냐면, 코테2문제 리액트로 만드는 뽀모도로 영상 보기 home 페이지 기능넣어서 커밋 카카오 로그인 넣기

맘에 쏙 드는 빗소리 armr 영상을 발견했다 . 밤에 공부할 때 틀고해야지. 오늘 뭐 할거냐면, 프로그래머스 3문제 타이머 기능 버그 해결 + 트러블 슈팅 카카오 로그인 볼 것, 재귀함수 https://velog.io/@jeongin/Javascript-재귀함수 [Javascript] 재귀함수 재귀함수 함수가 자신을 다시 호출하는 구조로 만들어진 함수이다. 재귀함수는 종료조건이 있어야 하며, 종료조건을 설정해주지 않으면 무한 반복을 하게된다. 재귀함수로 작성이 되는 코드는 velog.io 피드백, 상황에따라 재귀함수가 유용할 수도 아닐 수도 있다.

cc는 홍콩 사람이고 나의 절친한 친구이다. 오늘부터 10일간 서울에서 놀다가 홍콩으로 다시 돌아갈 예정이다. 3년 만에 볼 생각을 하니 벌써 기분이 좋다. 오늘 뭐 할 거냐면, (코테)프로그래머스 3문제 (프젝)Home 페이지에 timer 기능 구현 (프젝)카카오 로그인과 공유하기를 넣으려고 하는데 이게 왜 필요하진 고민해보고 로그인 기능 시작 셀프피드백 1. 코테 꾸역꾸역 풀어가곤 있지만 시간이 많이 걸린다.(아쉽지만 푼건 칭찬) 그러고 막상 해답을 보면 내가 10줄 넘게 조건문, 반복문을 이용한걸, reduce로 간단히 처리한 경우가 많았다. reduce 함수에 이것저것 넣어서 계속 연습해봐야겠다. https://school.programmers.co.kr/learn/challenges/traini..

일 다녀와서 낮잠까지 때려 밤 늦게 공부 시작 오늘 할 건 블로그 정리 플젝 home 화면 타이머 구현(타이머 작동, 설정 값 동기화 잘 되는지까지

어제 잔 낮잠 때문인지 오늘은 일찍 눈을 떴다. 역시 난 아침형인간인걸까? 오늘 뭐할거냐면. 코테 day6 프젝 진행 setting, home 페이지 mvp 완성 하여 커밋 배운 것 Javascript 얕은 복사: 기존 값과 복사한 값이 같은 주솟값을 참조한다. 그래서 복사한 값을 변경하면 기존 값에도 변경이 일어난다. 단 원시형은 항상 깊은 복사가 일어난다(slice로 실습해보면 1차원 배열or객체에 변경을 하면 기존값에 변경이 일어나지 않아 slice가 깊은 복사를 하는건가 싶을 수 있지만, 앞의 이유 때문에 그런 것이고 그 외 경우엔 모두 얕은 복사를 일으킨다.) ex) slice, Object,assign(), spread operator 깊은 복사: 복사한 객체는 객체 안의 객체까지 원본 객체와..

useEffect, useMemo, useCallback에 대해서 다시 공부했다. useEffect: 컴포넌트 마운트 시, 컴포넌트 언마운트 시, 특정 props가 업데이트 시(deps에 특정 값 넣었을 때) 작업을 할 수 있다. https://react.vlpt.us/basic/16-useEffect.html useMemo: deps배열에 넣은 값이 바뀌지 않으면 이 전에 값을 재사용한다. useCallback: useMemo는 값을 재사용한다면 useCallback은 함수를 재사용하게끔 해준다. 렌더링 시 함수가 함께 호출되는게 큰 메모리누수를 일으키진 않지만 결국 이도 필요한 작업이다.

오늘 할 일 - 리액트 공문 번역 3번째 페이지 - Updating Array in state까지 읽고 이후 필요한 부분 추가 공부(아마도 state) - 프로젝트 setting, home 페이지 데이터 구조 짜서 mvp 만들기 오늘은 오후에 일정이 있으니 다 해놓고 (늦게)자자

- v18 리액트 페이지 번역 2페이지 째. 시간이 조금 걸리지만 공부하면서 하기 참 좋다. 원문해석이 어려운 사람들이 보고 도움이 되면 좋겠다. (https://github.com/vennydev/react-translation-kr-) - 프로그래머스 문제풀이를 했다. day25까지 계획표에 있는데 1일차, 2일차를 다 해버렸다. 왜냐 처음은 무척 쉽기때문이다. - 만들고 있는 프젝에 상태관리 라이브러리를 뭘 쓸까하다가 redux, recoil은 써봤고(여전히 허접하게), zustand라는 새로운 상태관리 라이브러리가 있다길래 써보았는데 정말 쉽고 편하다

리액트 공문 내용 정리 State: A Component's Memory 파트 useState return two items which are state and setter function => one is state variable, the other is setter function which can update the state variable and trigger react to render the component again. And trigger again and again with same phase. “Hook” is special function that is only available while react is rendering starting with “use” State is pri..

지금 뭐함 광진도서관에 와봤다. 살면서 와본 도서관 중 경치, 시설, 분위기가 압도적으로 좋다. 오늘 뭐함 - 리액공홈 2. adding interactivity 까지 끝내기 - 토이프젝 기획안 수정하기 => 저번주에 디자이너로 일하는 누나에게 기획안을 보여줬는데 얘기하다보니 내가 만드려는 토이프젝이 웹어플리케이션에서는 어울리지 않는다는 사실을 알았다