데브코스 - TIL
1.[TIL] Day-2
프로그래머스 데브코스 2일차다.어제부터 TIL을 쓰고 싶었지만 강의 내용을 숙지하기 바빠 쓰지 못했기에1일차+2일차의 학습 내용을 합쳐서 쓰려한다.1주차에는 Javascript의 주요 문법과 개념을 배우고 있다.이미 배운 적이 있는 개념들이지만 그 당시에 잘 이해하지
2.[TIL] Day-3
자료구조에 대해 배웠다배열, 링크드리스트, 스택, 큐, 해시테이블에 대해 배우고실습으로 문제도 풀어보았다.클래스에 대한 개념이 아직 완벽하게 잡혀있지 않아서클래스로 자료구조를 만들어서 사용하는 원리?를 이해하지 못했었는데오늘 강의를 듣고, 코드를 직접 구현해보면서 드디
3.[TIL] Day-5
비선형 자료구조인 그래프와 트리를 구현하고 그것들을 탐색하는 알고리즘을 배웠다.트리,그래프와 같은 비선형 자료구조를 탐색한다는 것은하나의 정점으로부터 시작하여 차례대로 모든 정점들을 한 번씩 방문하는 것이다.루트 노드(혹은 다른 임의의 노드)에서 시작해서 다음 분기(b
4.[TIL] Day-6
자바스크립트 함수의 특징과 이터러블, 이터레이터 프로토콜에 대해 배웠다.for of문을 마냥 편하기 때문에 써왔는데오늘 수업을 듣고 for of문과 for문의 차이점을 명확히 알게되었다. 값으로 사용할 수 있는 함수변수에 담을 수 있다.함수의 인자로 사용될 수 있다.함
5.[TIL] Day-7
javascript Es6를 기반으로 하는 함수형 프로그래밍에 대해 배웠다.함수형 프로그래밍을 처음 배워서 이해하는데 시간이 많이 걸렸다.내가 생각했을 때 가장 중요한 것은, 어떤 인자가 들어가서 어떤 반환 값이 나오는가를 잘 파악해서 이용해야한다는 것이었다.어떤 것을
6.[TIL] Day-10
명령형(절차형) 프로그래밍의 습관을 지우고 선언형(함수형) 프로그래밍을 수월하게 하기 위한 방법들에 대해 배웠다.이 함수에 어떤 데이터가 필요한가?(인수)를 잘 생각해봐야 함어떤 값을 만든 후 그 값을 변경해가면서 프로그래밍해야함for, while, if문을 쓰지 않고
7.[TIL] Day-11
오늘 푼 테스트를 통해 그 동안 헷갈렸던 this에 대해 자세히 알 수 있게 되었다. this란? this는 자신을 호출한 객체를 가리킨다. 그렇기에 같은 함수라도 어디에서 호출되었는지에 따라 this가 달라진다. 일반 함수에서 쓰인 this는 전역 객체(wind
8.[TIL] Day-12
오늘은 2주차 강의를 들었을 때 몰랐던 문법에 대해 알아보았고, 오늘 강의를 들으면서 이해가 안 가는 부분들을 정리해보았다. 1. 객체를 만들 때 key부분에 []를 해준 이유 → 대괄호 표기법으로 어떤 값이라도 안전하게 key로 지정하기 위해서 대괄호 표기법은
9.[TIL] Day-13
javascript만을 이용해서 컴포넌트를 만들고, 컴포넌트 간 상호작용하는 방법을 배웠다. 컴포넌트 방식으로 생각하기 ui를 연관된 것끼리 단위로 묶기 컴포넌트는 독립적이어야 함 → 필요한 기능들이 독립적이면서 집약적이어야 함 컴포넌트 만들기 자식으로 연결될
10.[프로그래머스-데브 코스] 3주차 회고
이번 주에 하고자 했던 것과 회고 9일차 안 들은 강의 듣기 (△) 10일차 강의 복습 팀원들 과제 코드리뷰 프로미스 공부 컴포넌트 개념과 구현 방법 확실히 숙지하기 밀린 강의는 빠른 시간 내에 듣지 않으면 계속 미루게 되는 것 같다. 이제부턴 밀린 강의는 그 주
11.[TIL] Day-16
history API를 배우면서 SPA의 작동 방식을 알게되었다.SPA는 Single Page Applction이라는 뜻인데서버에서는 index.html만 처음 내려받고 index.html에 요소들만 다시 그려주는 방식이다. 즉, url을 보고 어떤 페이지를 그릴 건지
12.[TIL] Day-19
오늘은 과제를 하면서 깨달은 점과 느낀 점을 적어보려한다.컴포넌트 방식으로 간단한 앱을 만들어보았다.state는 ui를 그릴 때 사용하는 값이지, 진짜 데이터가 아니다.그렇기에 ui를 변화시킬때는 저장소의 데이터를 먼저 바꾸고,바꾼 데이터를 받아 상태를 바꿔준 후, 바
13.[TIL] Day-20
강의를 들으며 실습하던 중 새롭게 알게된 것들에 대해 써보려고 한다.이벤트가 발생될 때마다 결과값을 인자로 해서 onEditing함수가 실행된다.로컬에 저장되는 것은 onEditing함수 실행 후 2000ms후에 되게 한다.500ms이 지나기 전에 이벤트가 발생해 함수
14.[TIL] Day-27
무한 스크롤 UI구현하기 1.scrollEvent window의 scroll이벤트를 통해 스크롤링이 일어날 때마다 화면 전체의 높이와 스크롤 위치를 통해 스크롤이 컨텐츠 끝 즘에 다다랐는지 체크해서 처리하는 방식 App컴포넌트 fetchPhotos()의 내부 과정
15.[TIL] Day-28
App에서 모든 상태를 중앙 관리 하기 때문에 자식 컴포넌트 끼리 의존성이 없다. 필요한 기능이 있다면 컴포넌트만 추가하고 부모의 상태를 이용하면 된다. 자식의 상태에 어떤 값이 들어가는 지에 따라 화면이 그려진다. → 어떤 상태가 바뀌면 그 상태를 사용하는 컴포넌
16.[TIL] Day-31
flex는 x축 또는 y축의 1차원 방향을 제어할 수 있다. 사용 가능한 속성들은 크게 flex-container와 flex-item을 기준으로 나뉜다. *속성들의 기본 값을 파악하고 있는 것이 중요함. flex-container 1. display: flex /
17.[TIL] Day-34
애플리케이션/컴포넌트 인스턴스 라이프 사이클 템플릿 문법 Data Methods Compute Watch 애플리케이션 / 컴포넌트 인스턴스 Vue 전역객체의 createApp함수를 실행해서 새로운 어플리케이션 인스턴스를 (app)반환받는다. createApp함수에는
18.[TIL] Day-35
vue에서는 클래스에 여러 개의 데이터를 연결할 수 있도록 하는 패턴(객체, 배열)을 제공한다.객체 리터럴을 쓰면 값이 true인 키값이 class속성 값으로 적용된다.선택자에 해당하는 스타일을 따로 지정해줘야 한다.{적용될 클래스 이름 : t/f의 값이 담긴 data
19.[TIL] Day-42
오늘 배운 것컴포넌트 스타일링스타일 시트를 이용하는 법 - style파일 import인라인 스타일을 적용하는 것 - props으로 받아서Css In JS - emotionuseMemo(화면이 바뀌지 않는다면) 동일한 연산을 반복하지 않기 위해 사용한다React.memo