프론트엔드 49

[ je 개발 일지 ] 73일차(교훈 있음), "위기 혹은 기회 - 설계 단계의 애송이"

[ 오늘의 TODO & DONE ] 개인 공부) 자바 / 스프링 학습 (월, 화, 수) - 추상 클래스 - 템플릿 메소드 패턴 https://github.com/Je-chan/java-study/tree/main/java-oop-core/src/templateMethod 독서) 리팩터링 읽기 - 2.4 언제 리팩터링 해야할까? - 2.5 리팩터링 시 고려할 문제 생활) 물 1L 이상 마시기 - 성공! 생활) 최소 30분은 운동하기 - 1만보 걸은 건 30분 운동한 거라고 하자. GitHub - Je-chan/java-study Contribute to Je-chan/java-study development by creating an account on GitHub. github.com [ 오늘의 회고 ]..

je개발 일지 2022.03.24

[코드 스테이츠] 83일차, "12주차 복습 (1)"

오늘 작성할 블로깅의 내용은 코드 스테이츠에서 배운 것보다 간결하게 작성할 예정이다. 그 이유는, 오늘 복습할 내용 중에 알고리즘 문제를 푸는 코드 스테이츠만의 노하우가 많이 담겨 있는 것 같아서 그 부분들은 과감하게 생략하고자 한다. [ 오늘의 TODO ] 코드 스테이츠) 수 내용 복습 // 연휴에 맞춰서 휴일에 하나씩 복습 블로깅을 할 생각이다. // 앞서 말한 대로 이번 내용은 코드 스테이츠에서 배운 내용보다 빈약하게 작성할 예정이다 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 스터디 그룹) 프로그래머스 문제 풀기 생활) 물 1L 이상 마시기 [ 오늘의 복습 ] 1. 알고리즘 알고리즘이란 문제를 해결하는 최선의 선택이다. 컴퓨터를 이용해 문제를 해결할 때는 많은 방법이 존재한다. 그 ..

[코드 스테이츠] 81일차, "개인프로젝트하며 드는 생각"

먼저 요즘 코드 스테이츠 공부에 대해 얘기하고자 한다. 평일에는 오류가 난 부분을 해결하거나 공부하다가 느끼는 점들을 적고 있다. 주말에는 그동안 공부했던 내용들을 복습해서 복습 블로깅을 작성한다. 오늘까지 알고리즘과 관련된 내용을 배웠다. 이야... 정리해야할 게 굉장히 많이 쌓인 것 같다. 주말 동안 이거 복습하고 블로깅하는데만 시간 다 갈 것 같다는 생각이 들었다. 그냥 단순한 개념이라면 모르겠으나, 알고리즘 문제 풀 때 사용하는 코드들을 적는다면 굉장히 오랜 시간이 걸릴 것 같다. GCD, LCM, 중복순열, 순열, 조합, 멱집합 등의 알고리즘은 코테에도 종종 등장하고, 외우고 있으면 쓰기 편하기에 외우기 위해 좀더 면밀하게 왜 이렇게 되는 건지 코드를 분석해볼 필요가 있을 것 같다. 아마 코드 ..

[코드 스테이츠] 77일차, "개인 프로젝트하며 느끼는 점들"

앞으로 개인 프로젝트의 내용도 오늘의 TODO 에 넣어서 관리할 예정이다. 지금 현재 진행되는 프로젝트 들은 전부 업로드를 해 놓고 리팩토링할 때마다 내용을 업데이트 하는 방식으로 하고자 한다. [ 오늘의 TODO ] 코드 스테이츠) Section 2 내용 복습 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 개인 프로젝트) 해리포터 MBTI 검사 (Nuxt.js 로 기본 골격 만들기) // 질문지 작성하는데 시간이 너무 오래 걸렸다. 질문지는 나중에 더 보완하자. // 이제 Nuxt.js 인 내용을 React.js 로 리팩토링할 시간 개인 프로젝트) 스터디 그룹 조원 셀렉터 리팩토링 개인 프로젝트) 핀터레스트 비슷한 반응형 웹 사이트 클론 코딩 생활) 물 1L 이상 마시기 생활) 1시간 이상..

[코드 스테이츠] 70일차, "연휴의 TODO - 마지막"

[ 연휴의 TODO ] 코드 스테이츠) 코플릿 문제 // 재귀 1 ~ 15 // 자료구조 1 ~ 13 코드 스테이츠) 과제 리팩토링 // beesbeesbees // Tree ui // Stringfy-json // Underbar // Async and Promise // Stateairlines-client & Stateairlines-server // React Custom Component // Cmarket Redux 패스트 캠퍼스) 인강 듣기 [React] // 리액트 맛보기 3 ~ 30 // React 공식문서로 디테일 잡기(초급) 1 ~ 11 // React 공식문서로 디테일 잡기(고급) 1 ~ 19 [Node.js] // ch 04. 모던 자바스크립트 살펴보기 1 ~ 6 // ch 05...

[코드 스테이츠] 65일차, "연휴의 TODO - 1일차"

생각보다 해야할 게 많다. TODO 리스트 강의 듣기만도 벅찼다. 어떻게든 연휴 안으로 다 해보긴 할 건데, 연휴 아니었을 때 코드 스테이츠 정규 과정이랑 매우 비슷하게 시간 관리를 해야지 저 TODO 를 모두 끝낼 수 있을 것 같다. 일단은 계속 Try 해보자. [ 연휴의 TODO ] 코드 스테이츠) 코플릿 문제 // 재귀 1 ~ 15 // 자료구조 1 ~ 13 코드 스테이츠) 과제 리팩토링 // beesbeesbees // Tree ui // Stringfy-json // Underbar // Async and Promise // Stateairlines-client & Stateairlines-server // React Custom Component // Cmarket Redux 패스트 캠퍼스) ..

[코드 스테이츠] 63일차, "9주차 복습 (2) - Redux"

[ 오늘의 TODO ] 코드 스테이츠) 목~금 내용 복습 // Redux 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 스터디 그룹) 프로그래머스 문제 풀기 생활) 물 1L 이상 마시기 생활) 1시간 이상 걷기 [ 오늘의 복습 ] 1. 상태 관리 React 뿐만 아니라 프론트엔드 개발 전체에 걸쳐서 상태 관리는 매우 중요하다. 여기서 상태란 State, 즉 변하는 데이터다. 특히 UI, 프론트엔드 개발에서는 동적으로 표현되는 데이터라 한다. 1) 상태관리의 중요성 예를 들어 Youtube를 생각해보자. 댓글을 다는 것도 동적으로 표현되는 데이터고, 좋아요를 누르는 것과 플레이 리스트에 영상을 담는 건 전부 동적으로 변하며 표현되는 데이터다. 이를 더 깊게 파고 들어가 본다면 상태에 따라서 각..

[코드 스테이츠] 62일차, "9주차 복습 (1) - Styled-Component, useRef"

[ 오늘의 TODO ] 코드 스테이츠) 월~수 내용 복습 // Styled-Component // useRef 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 1시간 이상 걷기 [ 오늘의 복습 ] 오늘 복습 내용을 확실하게 숙지하려면 CSS 의 기본적인 내용과 리액트의 개발 특징을 좀 알고 있어야 했던 것 같다. 1. Styled-Component 리액트는 단방향 데이터 흐름과 함께 대표적인 특징으로 꼽는 것이 컴포넌트 단위로 개발한다는 것이다. 페이지가 모두 완성됐는데 갑자기 내비게이션 바를 수정해달라는 요청이 들어왔다. 만약에 컴포넌트 단위로 개발하지 않았다면 CSS파일 등 내비게이션 바와 얽혀 있는 모든 것을 수정해야 한다. 하지만, 컴포넌트 단위로 개..

[코드 스테이츠] 59일차, React 개인 프로젝트 시작해야겠다.

스프린트 리뷰에서 충격적인 소식을 들었다. 오늘이 React 마지막 스프린트 리뷰였다는 거였다. ...벌써요???? 진짜 벌써요??? 내일부터는 Redux 에 대해서 기초부터 배우기는 하는데 어라? 나 지금 리액트 걸음마 뗀 거 맞나...? 내가 벌써 부트 캠프에서 더 React를 듣지 않아도 된다고?? 아닌데..? 당혹감이 너무 컸다. 물론, 그렇다고 지금까지 배운 것들이 별 거 없었다는 얘기는 아니다. 엄청 배웠다. 뒤돌아보니 지금까지 React로 한 과제들도 꽤 있었다. 처음 컴포넌트 만드는 것부터 시작해서 서버 불러 오기, 스타일 꾸미기 등 생각보다 React를 많이 쓴 것 같다. 하지만 어... 안 돼.. 이건 아니야 ㅠㅠㅠㅠ 아직 더 배워야할 게 많은 것 같은데 역시 6개월 풀 스택 커리큘럼이..

[코드 스테이츠] 55일차, 8주차 복습(1) - React 데이터 흐름, Effect Hook"

[ 오늘의 TODO ] 코드 스테이츠) 월~수 내용 복습 // React 데이터 흐름 // useEffect 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 스터디 그룹) 프로그래머스 문제 풀기 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 [ 오늘의 복습 ] 1. React에서의 데이터 흐름 React 개발의 큰 특징은 컴포넌트 단위라는 점이다. 디자인을 받으면 UI를 쪼개서 컴포넌트를 만들고 페이지를 조립해 나가는 상향식 방식이 일반적이다. 더불어, React 공식문서에서 React를 소개할 때 붙는 키워드가 있으니, 바로 "단방향 데이터 흐름"이다. 단방향 데이터 흐름이란, 한쪽 방향으로만 데이터가 흐른다는 것인데 데이터의 흐름은 하향식이다. 1) 컴포넌트 앱을 만들 때는 상향식(b..