코드스테이츠 회고

회고를 쓰는 당장의 나의 기분을 구체적으로 작성오늘 학습한 내용 중에 생각나는 키워드를 모두 작성2번 키워드들을 보고 설명을 하고 모르는게 있으면 따로 분류아는 것들 중에 내가 들어본 적 없는 것들도 따로 분류(ex. virtual Dom)3번에서 나온 키워드들에 대해

오늘은 너무 학습욕구가 넘치는 날이다. 드디어 O.T 이후의 본격적인 개발공부가 시작되었기 때문이다. 굉장히 기분이 좋다.2일차부터 44기 기수분들은 대화나 질문, 답변의 빈도수가 상당히 늘어났고, 스터디를 만들어 사람을 모집하는 분도 있었다.나는 코드스테이츠에 합격된

오늘은 어제와 대비되어 꽤나 힘든 날이다. 저번주 금요일부터 월요일까지 가족사정으로 전국을 여기저기 돌아다니다보니 피곤함이 누적이 됬는데, 하필 이번주 월요일부터 부트캠프가 시작되어 전혀 몸에게 휴식을 주지 못했다...심한 두통과 함께 칼칼한 목 통증이 아침부터 계속

오늘은 시간 가는 줄 모르고 코딩에 몰두한 것 같다.정신을 차려보니 5시 50분이였고, 6시 10분쯔음 개발을 멈추고 나서 손에 아무것도 잡히지 않았다. 처음 페어 프로그래밍을 해 본 날이기도 하고, 전 기수들의 작품을 보고 힘이 빠진 것도 이유가 있는 듯 하다.사실

드디어 코드스테이츠의 첫 주가 끝났다. 여러가지 생각이 들었는데, 주간 회고에 작성하는 걸로 하고 오늘의 내용만 담겠다.오늘은 첫번째 페어 프로그래밍이 끝났다. 페어님과 굉장히 잘 소통하며 서로 좋은 것을 얻어간 좋은 기회였다. 그리고 이번 주 주말에는 좀 쉬면서 휴식

오늘은 기분이 별로 좋지 않다. 이유는 크게 두가지인데, 하나는 나의 고질병인 어렵게 생각하는 병, 의사코드를 작성하지 않는 습관 때문이였다. 자세한 상황은 아래에서 후술하겠다.이번주부터 JS가 시작되었다. 기초를 배우지 않고 만졌던 JS였기 때문에 나름 긴장하며 첫

오랜만에 프로그래머스를 방문해서 문제를 풀어봤다. 코딩테스트 공부를 최근에 거의 못해서 문제 하나 푸는데도 한참 걸렸다... 심지어 0레벨대 문제들을..거기다가 JS로는 처음으로 풀어보다보니 적응이 좀 안되서 계속 int를 쓴다던지 하는 고질병이 있었다.사실 이 세 친

오늘은 첫번째 페어님과 마지막 페어프로그래밍을 한 날이다. 같이 공부하면서 재미를 느끼게 해 주신 분이였는데, 꼭 마지막 수료때 같이 개발자로써 취준 활동을 같이 했으면 좋겠다. 그리고 오늘은 공부를 상당히 하지 못했다. 너무 피곤하고, 공부를 뭘 해야 할지 모르겠는

코드스테이츠에서 JS로 첫 기능 개발 과제를 구현한 날이였는데, 생각보다 그렇게 난이도가 높진 않았던 것 같다. 그래서 나름 빠르게 개발을 완료하고 개인 공부를 하다가 조금 놀았다(...)이번주는 특히, 시간이 잘 안가는 것 같다. 벌써 공부에 집중이 잘 안되는 시기가

리눅스, 깃... 정말 내가 싫어하는 두 놈들을 간단히 알아보는 학습날이였다. wsl부터 리눅스의 기본 명령어, 깃을 리눅스 환경에서 사용하는 법 등을 직접 해보니 시간이 부족하다는 느낌을 받았다.윈도우에서 리눅스 관련 공부를 하는데 학습 자료에서는 운영체제를 이미 가

오늘 생각보다 나의 문제 판단력이 좋지 않다고 느꼈고, 쉬운 문제를 어렵게 돌아가는 내 병이 또 또 도졌다. 아래에 관련된 코드와 같이 후술하겠다.주말에 패턴이 뭉개지면서 오늘 잠을 3시간 조금 못잤는데, 그 때문인지 하루종일 내가 무슨 말을 했는지, 무슨 생각을 했는

오늘은 회고를 간단하게 작성하겠다. 이유는 극심한 피로와 감기때문이다...JS로 객체는 프로젝트를 하면서 api 통신 json 데이터들을 처리할 때 굉장히 많이 사용했다. 하지만 말 그대로 데이터로써만 관리를 했었고, 객체를 수정하고 할당하고 활용하는 여러 메소드들은

두번째 솔로 공부 시간이였다.아침부터 저녁까지 라이브 세션이 없는 날이였는데, 역시나 저번처럼 점심이 되자마자 집중력이 박살났다.나름 나의 욕구를 어찌저찌 버티며 공부에 들어갔는데 2시간도 채 안되서 공부의 의지가 무너졌다...그래서 4시쯔음부터는 시끌시끌 모각코 방에

앞으로 코드스테이츠 TIL 회고는 특정 템플릿에 맞춰서 진행하겠다.여러 방법론이 존재하지만, 프로젝트에 한정된 구분법이라는 생각이 강하게 들어서, 개인적으로 간단하게 구분을 지어놓겠다.학습 내용새로 배운 것새로 배운 내용의 키워드를 간단히 설명이미 알고 있던 것간단히

JavaScript this 키워드 : 여러 호출 방식에 따라 정의가 달라지는 실행 함수의 호출자바인딩 : 변수와 값(메모리 공간의 주소)을 연결하는 과정this 방식별 this의 기능 : 함수 호출, 메소드 호출, 객체 생성 함수, 명시적 방식(apply, call,

노드와 요소의 차이 : 노드는 DOM을 구성하는 모든 것 들을 일컫는 말이고, 요소는 HTML 태그들을 말한다.document 객체 : 웹 페이지 그 자체를 의미하는 객체DOM 접근 자식, 부모 객체 속성\+children, childNodes, parentElemen

event특정 행동을 취했을때, 무언가가 일어났을 때 등의 어떤 사건을 의미이벤트 핸들러를 통해 발생된 이벤트를 처리할 수 있음event handler: 발생된 이벤트에 대한 동작을 담고 있는 함수event handler를 등록하는 방법HTML 요소 속성DOM 요소 프

1. 아고라 스테이츠 개발 새로 배운 것(새로 배운 내용의 키워드를 간단히 설명) input + label animation : input이 focus 될 때, label의 위치가 위로 상향 조정되는 애니메이션 label animation 유지 : 애니메이션으로 올라간

배포 사이트: https://kimjunpyo.github.io/fe-sprint-my-agora-states/localStorage에 데이터를 보내서 새로고침 시, 변경된 데이터가 유지하는 방법UTC 시간을 KR 시간으로 변경 및 템플릿 리터럴로 형식에 맞춰

학습 커리큘럼에서 새로 배운 내용이 없다.기술 면접 종류(이력서 기반 질문, 기본 개념 질문, 알고리즘 문제 해결, 간단한 실무 문제 해결, 미니 프로젝트 제작)event.preventDefault를 사용하는 이유: a, submit의 새로고침 방지stopPropaga

고차함수: 함수를 전달인자로 받을 수 있고, 함수를 리턴할 수 있는 함수커링함수: 함수를 리턴하는 함수(클로저 함수)콜백함수: 다른 함수의 전달인자로 전달되는 함수(고차함수의 전달인자)filter 메소드: 모든 배열의 요소 중에서 특정 조건을 만족하는 요소를 걸러내는

ES5 클래스 작성 문법: ES6 이전에 사용하던 클래스 작성 방법추상화: 구체적인 세부 정보를 감추고 중요한 기능과 속성만을 단순화하여 사용자에게 노출시켜 쉽게 이해하고 사용할 수 있도록 하는 개념다형성: 자식 클래스들이 모두 동일한 메소드를 사용했을 때, 표현되는

프로토타입 체인: Javascript에서 객체간의 상속을 구현하는 방법.prototype 프로퍼티: 상속 클래스의 prototype을 담고 있는 prototype 객체에 접근할 수 있는 프로퍼티Object: 모든 객체 요소의 최상위에 있는 빌트인 클래스오늘은 학습 자료

블로킹과 논블로킹의 차이: 함수 진행의 제어권을 넘기느냐, 넘기지 않느냐의 차이로 블로킹은 제어권을 넘겨서 진행을 제어하며 논블로킹은 제어권을 넘기지 않고 함수를 호출만 하고 자신은 그대로 진행한다setInterval: 반복적으로 특정 주기마다 콜백 함수를 호출하는 T

Node.js 파일 시스템 모듈: Node.js 환경에서 파일을 읽어오거나 만드는 기능을 가진 내장 모듈readFile(): path, options, callback의 인자들을 받아서 파일을 읽어오는 메서드require 구문: <script> 태그처럼 특정 파일

fetch API: url을 통해 정보를 받거나 보내는 요청을 하는 JavaScript 내장 APIAxios비동기 방식에서 promise.All을 사용하는 이유Blogging 1\. CRLF와 LFStudy 1\. DeepDive 스터디 모임: 08 제어문, 09

JSX 규칙CRAReactJSX<i> 태그와 의 차이점Study 1\. 불금 자료 정리리액트를 처음 시작하여 기본적인 사용 방법을 공부했는데, 오랜만에 만나니까 헷갈리는 부분들이 좀 있었다.담배를 피는 개수가 늘어나고 있다. 공부에 스트레스를 받는 것 때문이긴

https://github.com/KimJunpyo/TIL/blob/main/CodeStateDaily/%EC%BD%94%EB%93%9C%EC%8A%A4%ED%85%8C%EC%9D%B4%EC%B8%A0%2028%EC%9D%BC%EC%B0%A8%20%EC%A0%95%EB

props.children: 컴포넌트의 태그 사이에 내용을 입력하여 props.children으로 내부에서 사용할 수 있게 하는 props 전송 방법useState의 반환값: a, setA = useState("")이 a와 setA에 구조분해할당으로 반환값을 나누는 형

30, 31일차 코드스테이츠 일일 회고

REST API: 웹에서 사용되는 데이터나 리소스를 URI로 표현하고 HTTP를 통해 요청과 응답을 정의하는 REST 아키텍쳐 스타일을 준수하는 APIRMM: Richardson Maturity Model의 약어로 REST API를 구현하기 위한 0~3단계의 기준을 정

Insomnia: Postman처럼 API 개발 및 테스트를 할 수 있는 플랫폼.Postman보다 간결한 디자인을 가지고 있다.root-endpoint(root-url): API 요청으로 서버와 통신할 때, 서버가 요청을 수락하는 시작점.PostmanAPI를 동기화하여

pure Function: 함수의 입력(인자값 전달)만이 함수의 결과값에 영향을 주는 함수Lifting State Upside effectuseEffect불금 7주차 모임현재 시각 24시간 기준 최저, 최대 온도 표시 로직 구현날씨 아이콘 출력34일 회고를 그 다음주

CORS: SOP로 인해 차단된 리소스를 접근할 수 있도록 권한을 부여하는 정책SOP: Same Origin Policy의 약자로, 동일 출처를 제외한 다른 출처의 리소스의 접근을 차단하는 정책출처: URI에서 scheme(protocol), host, port를 의미

MERN stack: MongoDB, Express, React, Node.js 스택을 지칭하는 것express.js: node.js 환경에서 서버를 제작할 때 사용하는 프레임워크미들웨어: 클라이언트에서 온 요청에 대한 응답을 하기 위해 코드 진행의 중간마다 수행되는

38, 39일차는 기존 양식에 의거하여 작성하지 않고 약식으로 작성하도록 하겠다.이번주의 핵심 수업 내용은 다음과 같았다.CORSExpress.jsMiddleware하지만 나는 도대체 왜 내가 Node.js 환경을 아는 것에서 더 나아가 "백엔드" 개발을 연습해야하는지

React key 옵션의 사용 이유: key 옵션은 컴포넌트에 고유 식별자를 붙이는 역할이고, 이 key로 인해 렌더링 과정에서 새로 추가되거나 변경되는 항목에 한해서만 재렌더링을 하도록 할 수 있다.Promise 기반 비동기 메서드를 왜 사용하는가: 콜백 함수를 가독

재귀함수 사용법 및 활용 연습UI: 사람들이 컴퓨터와 상호 작용하는 시스템UX: 사용자가 제품, 서비스를 직-간접적으로 이용하면서 느끼는 경험UI 디자인 패턴: 아코디언, 캐러셀, 인피니티 스크롤컬럼 그리드 시스템: Margin, Column, Gutter로 구분되어

Lo-Fi 와이어프레임: 손으로 흘려 쓰듯이 쓴 수준의 와이어프레임Mid-Fi 와이어프레임: Lo-Fi 와이어프레임에서 아이디어가 어느정도 구체화된 와이어프레임Hi-Fi 와이어프레임: 목업과 같이 완성본에 가까운 정적 화면을 구현하는 와이어프레임Lo-Fi 프로토타입:

프로그래머스 Level 0 분수의 덧셈, 다음에 올 숫자, 연속된 수의 합, 안전지대 풀이Weather Indicator State Logic 리팩토링날씨를 받아오는 useEffect 로직을 custom Hook으로 분할24시간 기준의 온도를 받아오는 useEffect

Component Custom Driven: 재사용할 수 있는 UI를 미리 디자인하고 개발하여 사용하는 개발 방법Styled-Components props, global 사용법Storybook: 각각의 컴포넌트들을 따로 볼 수 있게 구성해 주어 한번에 하나의 컴포넌트에

DeepDive 클로저 정리(90%)비밀결사단 메인화면 Hi-Fi 와이어 프레임 완성비밀결사단 상세화면, 검색화면 출력 데이터 결정useMemo 공부47일차 저녁에는 약속이 있어서 공부를 거의 못했다. 약속이 짧게 끝나고 올 줄 알았으나 술을 먹게 되는 자리였고, 너무

개인 공부를 하지 못했습니다.48일차 회고를 작성한 다음날 할머니가 위중하시다는 소식을 듣고 바로 시골에 내려가서 49일차 수업을 듣지 못했다. 다행히 할머니는 그 다음날 어느정도 안정을 되찾으셨으나, 연명치료를 더 이상 하지 않는다는 어른들의 결정을 듣고 마음의 준비

stack, queue를 JavaScript class로 구현하는 방법queue 내부 구조: front, rear를 이용하여 입력과 출력을 나타내는 각각의 요소로 사용하고, 내부적으로 활용한다.자료구조의 의미StackuseMemo 간단히 공부오늘도... 역시 주간 회고

Tree, Binary Search Tree, Graph의 JS 코드 표현 방법JS DFS, BFS 구현 방법Modal 외부 클릭 시 종료되는 방법: useRef를 이용하여 구현Redux와 localStorage로 북마크 구현: 북마크 클릭 시 마다 Redux와 loc

Hook의 정의: React에서 정의한 함수형 컴포넌트에서만 사용할 수 있는 메서드React.lazy: dynamic import를 구현한 메서드React.Suspense: lazy로 받아온 컴포넌트들이 렌더링 되기 이전에 특정 화면을 로딩화면으로써 동작시키는 기능코드

아토믹 디자인: 디자인을 가장 작은 단위로 만들어서 가장 작은 단위들을 모은 하나의 요소, 그 요소들을 모은 하나의 요소 등 원자를 합치는 방식으로 디자인을 구현하는 방법디자인 시스템: 디자인 원칙, 재사용할 수 있는 UI 패턴, 컴포넌트 코드로 구성된 시스템디자인 시

목표 : StackOverFlow 홈페이지의 CRUD 및 회원 기능의 일부분을 구현하기기간 : 2023.06.09 ~ 06.27(평일 오전 9시 ~ 오후 6시)참여자 : FE-김준표(팀장), 송혜수, 이은희 / BE-이준기(부팀장), 송영범, 유승연팀 단위 성취한 목표

코드스테이츠 수료 이후 회고 코드스테이츠가 8월 3일날 마무리 되었고, 약 3주동안 휴식한 이후에 회고를 작성합니다. 성장의 발판 코드스테이츠 부트캠프를 수강하면서 정말 많은 성장을 이뤘습니다. 구체적인 성장 부분은 기술적인 것과 심리적인 것으로 나눠서 작성해보겠습니