하루 한 걸음, 개발 블로그

React 우리 좀 친해지자 🥹 와 진짜 큰일났다 오전까지만 해도 이 생각밖에 안 들었다. 당장 2주 정도 후부터 프로젝트가 시작되는데 리액트의 ㄹ자도 모르겠는 상태였다. 코드를 한 줄씩 뜯어보고 강의를 다시 보고 계속 들여다보니 아주 조금씩 이해가 됐고 기능 구현까지 마칠 수 있었다. 깃허브에서 가져온 코드를 변형한 것이라서 내가 처음부터 끝까지 완벽하게 해낸 것은 아니지만 기술매니저님과 동기분들의 도움으로 ㄹ자는 어렴풋이 보이는 것 같다. 아직 갈 길이 첩첩산중 구만리이다. 중간중간 에러가 떴었는데 toDos를 todos로 적은 오타였다. 기술매니저님께서 조언해주신 'toDos.length +1' toDos 배열의 길이를 이용해서 추가할 리스트의 id값을 구하는 것이 문제 해결의 키포인트였다. 내가 ..

React... 폴더를 만들고 ref 코드를 뜯어보며 이해하려 노력 중...😂 ✔️ 비구조화 할당 Destructuring Assignment 배열의 비구조화할당 배열이나 객체의 속성 혹은 값을 해체하여 그 값을 변수에 각각 담아 사용하는 자바스크립트 표현식 - 배열 선언 및 호출 문법 const [변수명1, 변수명2, 변수명3] = [값1, 값2, 값3]; Spread Operator var 새로운객체명 = {...기존객체명}; var 새로운배열명 = [...기존배열명]; // obj 객체를 newObj 객체에 복제 var obj = { a: 10, b: 20 }; var newObj = {...obj}; console.log(newObj); // {a: 10, b: 20} // arr 배열을 newA..

[항해99] REACT 강의 KEYWORD Props Drilling PropTypes https://ko.reactjs.org/docs/typechecking-with-proptypes.html#gatsby-focus-wrapper object literal default argument Hook const 는 변경할 수 없는 상수 인데, 어떻게 setState를 이용해서 값을 변경할 수 있는지 component lifeCycle component reRendering 조건 children으로 component 만들기 원시 데이터 타입 객체, 배열, 함수의 불변성을 지키면서 값을 수정할 수 있는 메서드 null과 undefined 정의와 두 키워드의 차이점 자바스크립트 파일 절대경로, 상대경로 설정하는..

🥰 웹 꾸미기 재밌어! 이제 드디어 주특기 React 입문 주차가 시작됐다! 첫 번째로 오늘 개인 과제는 간단한 form을 만들고 Netlify에 배포하는 것이었다. https://jolly-cannoli-340a48.netlify.app/ React S.A Assignment Survey This is a space for developers!Please fill out the survey below. jolly-cannoli-340a48.netlify.app 그저 웹폰트를 가져와서 색깔을 넣었을 뿐인데 예쁜 색을 보니 마음이 편안해졌다. 리액트 파비콘도 만들어서 넣었다. 리액트 로고 색감도 모양도 마음에 든다. React를 오늘 처음 만났지만 마치 나와 함께라면 어디든 갈 수 있어!라고 말하는 우주를..

👊🏻 오늘 한 일 알고리즘 문제 29 ~ 30번(30번 다 못 풀었음) 11시 ~ 3시 알고리즘 테스트 알고리즘 테스트 3번 문제 풀기 TIL 쓰기 😲 오늘 느낀 점 몸상태가 너무 별로다. 약을 먹어도 허리가 끊어질 것 같다. 자바스크립트 공부를 거의 못해서 공부를 더 하고 자려고 했는데 눈이 계속 감긴다. 알고리즘 챌린지 문제와 테스트 3번 문제에 계속 매달렸는데 해결을 못 했다. 끝까지 혼자 풀어보고 싶었는데 속상하다. 이번 주 공부 계획의 반의 반의 반도 못 지켰다. 😭 알고리즘에 집착하면 몇 시간이 금방 사라진다. 진도를 쭉쭉 빼고 싶은 마음은 굴뚝같은데 내 머리가 따라주지 않는다. 그래도 첫날 함수 호출도 못하던 때보다는 훨씬 나아진 것 같다. 처음에 html 기초 공사를 잘해야 하듯 알고리즘 ..

👊🏻 오늘 한 일 알고리즘 문제 26 ~ 28번 11시 자바스크립트 언어 스터디 운동 그리고 낮잠 TIL 쓰기 😲 오늘 느낀 점 요즘 몸 상태가 별로라는 걸 알고있었는데 계속 카페인을 들이붓다가 오늘 후폭풍을 맞았다. 운동을 하기 전까지는 괜찮았는데 운동을 하고와서 밥을 먹으니 참을 수 없이 졸렸다. 푹 자고 일어나서 개운했지만 공부를 너무 못해서 속상했다. 약을 먹어도 허리가 계속 아프고 몸에 힘이 없다. 회사에 다닐 때도 이럴 때 버티다가 결국 조퇴했었는데 이런 시기가 올 때마다 내 의지와 다르게 말을 듣지 않는 몸이 원망스럽다. 그렇게 푹 잤는데 또 졸리다. 연어와 육회...먹을 것만 계속 생각난다. 오늘은 일찍 자고 내일은 일찍 일어나서 알고리즘 시험 대비 문제도 훑어보고 열심히 많이 공부해야겠다..

👊🏻 오늘 한 일 알고리즘 문제 25 11시 자바스크립트 언어 스터디 발표 1시 ~ 3시 알고리즘 모의고사 3시 알고리즘 스터디 알고리즘 모의고사 문제 2 ~ 3번 풀기 20시 기술 매니저님께 알고리즘 질문 TIL 쓰기 😲 오늘 느낀 점 오늘 하루가 정말 쏜살같이 지나갔다. 아침에 일어나서 어제 못 풀었던 알고리즘 문제를 풀고 자바스크립트 화살표 함수를 공부했다. 11시 언어 스터디 발표에서는 객체와 관련된 개념들을 설명했다. 내가 맡은 부분은 객체를 가볍게 훑고 지나가는 느낌이었다. 그래서 나도 너무 깊게 하나의 개념을 설명하기보다 큰 그림을 그려서 보여주고 싶었다. 팀원분들의 이해를 도와줄 수 있게 잘 정리된 글(공식문서 위주) 링크들을 많이 넣었다. this와 관련해서 이야기가 오갔다. 1시에 알고..

👊🏻 오늘 한 일 10시 언어 스터디 발제 11시 자바스크립트 언어 스터디 참여 알고리즘 문제 13 - 24번 TIL 쓰기 [혼자 공부하는 자바스크립트] Ch 6-1 😲 오늘 느낀 점 어제까지만 해도 진도가 너무 안 나가서 답답하고 이렇게 푸는 게 맞는지 고민하다가 함수 찾아서 써보고 안 풀려서 절망하다가 결국 해설을 찾아보고 이해하고의 반복이었다. 그런데 오늘 계속 붙잡고 풀어보니 신기하게 점점 감이 잡혀서 신기했다. 함수를 어떻게 검색하는 것인지, 어떤 함수들을 써야 하는 것인지 점점 알 것 같다. 아직 level 1, 2 병아리 단계라서 풀 수 있었겠지만 그래도 뿌듯했다. 지금 몸 컨디션이 떨어진 게 느껴진다. 오늘은 이제 그만 자고 내일 일찍 일어나야겠다. 자려고 했는데 내일 자바스크립트 발표 준..

ㅇ 오늘 한 일 자바스크립트 공부 알고리즘 6부터 12번까지 풀기 WIL 쓰기 ㅇ 오늘 느낀 점 알고리즘 문제 풀기...어렵다! reduce(), map(), => 등 여러 함수들을 많이 알수록 빠르고 쉽게 풀 수 있다는 걸 느꼈다. 어떻게 찾아가며 풀고는 있지만 너무 재미가 없다... *첫 항해를 시작하고 이번 주에 배운 점 : 정말 똑똑하신 분들이 많다는 걸 알게 되었다. 항해 시작 전후로 시간의 밀도가 다른 것 같다. 나도 미리 공부를 했어야 하나 후회가 됐다. 프로젝트에서 JWT가 어떤 것인지 원리는 배웠지만, 직접 해보지 않아서 나중에 혼자서라도 해봐야겠다. 그래도 API와 프론트와 서버가 어떻게 데이터를 주고받는지는 알게되었다. ㅇ 오늘의 칭찬 오전에 운동했음. 알고리즘 문제 최소 목표 넘겨서..

ㅇ 오늘 한 일 자바스크립트 공부 알고리즘 1번부터 6번까지 풀기 (5번까지 제출하고 6번은 너무 안풀려서 내일 다시 할 예정) TIL 쓰기 ㅇ 오늘 느낀 점 추상적인 개념을 이해하거나 문제해결과정을 생각하는게 생각보다 시간이 훨씬 많이 걸렸다. 어제 제출한 과제에서 부족했던 부분을 보충하고 복습 겸 다시 읽어보니 이미 늦은 오후였다. 내일은 알고리즘 문제 풀이에 집중해서 최대한 많이 풀어놓아야겠다! ㅇ 오늘의 칭찬 어려워도 다시 읽고 찾아보며 혼자 정리하는 시간을 가졌다. ㅇ 오늘의 아쉬운 점 오후내내 조용히 앉아있으니 살짝 집중력이 흐려졌다. ㅇ 내일 할 일 알고리즘 문제 풀기 - min 11번 max 28번 TIL 쓰기