운동과 개발

0. 서론 [들어가며...] 2023년 4월 1일 제로베이스 부트캠프 14기로 시작하였지만, 기본기가 너무 부족함을 느껴 기수유예를 통해 19기로 다시한번 시작하게 되었다. 19기의 공식 일정은 9.1일 - 2월29일까지? 6개월 과정이다. 또한 다시한번 이웅모 저자님과 함께하는 deep dive 스터디에 참여하게 되었다. 항상 무엇인가 결론을 말할때 숫자를 통해 얘기하는 것이 좋다고 생각하여, 결론부터 말하자면, 2회독을 통해 전체적으로 약 70%정도 이해했다고 생각한다. 이번 글은 생각의 흐름대로 빠르게 작성할 예정이다. 1. 본론, 그리고 생각정리 1회독을 마무리하고 글을 쓴것을 확인하니 8.7일이다. 1️⃣ 마음가짐 이번 2회독같은 경우, 첫 마음가짐은 하루 세시간만 투자해서 읽고 참여하자 라는 ..

한줄요약 : 성공적 마무리. 0. 들어가며... 이번 글은 8주차 스터디, 1회독이 끝나고, 한 주를 마무리 하며 적는다. 전체 페이지로는 900페이지가 조금 넘는 자바스크립트 책 1회독을 드디어 성공적으로 마무리했다. 제로베이스 과정의 절반이 넘어갔는데, 이 기간 중 가장 기억에 남고 뜻깊은 약 두달간의 시간이었다. 스터디를 진행하기에 앞서, 내가 세운 1회독의 목표는 70%이상의 이해가 목표였다. 스터디를 진행하면서 모든 장들에 대해 내가 이해한 정도를 주관적으로 낮게 측정하여 기록하였다. 한눈에 살펴보니 대략 60%정도는 이해했다고 생각이 든다. 실제로 60%를 이해하지 못했어도 50%이상은 이해했다고 자신있게 말할 수 있다. 공부를 진행하면서 프로그래밍의 기본적인 부분에 대해서도(예를들어, 변수,..

한줄요약 : 실행컨텍스트, 클로저? 별거 아니였네 0. 들어가며... 이번 글은 스터디 4주차 회고록이다. [7.3-7.9] 진행 4주차는 프로토타입, strict mode, 빌트인객체, this, 실행컨텍스트, 클로저, 클래스(반만다룸) 까지 토의를 나눴다. 이번 범위 역시 자바스크립트라는 언어를 공부하는데 있어 매우 중요한 개념들이엇다. 결론부터 말하면, 자바스크립트의 핵심 개념중 하나인 this, 실행컨텍스트, 클로저에 대해 완벽하다고 말할순 없지만, 상당히 많은 부분 이해했다고 말할 수 있다. 물론, 아직 남에게 설명할 단계까지는 못온것으로 느낀다. 하지만 코드를 보고 이게 클로저구나, 코드실행과정에서 콜스택(실행컨텍스트스택)에 실행컨텍스트와 그 렉시컬환경에 대한 그림이 머릿속에 그려지는 정도? ..

한줄요약 : 자바스크립트에 대해 조금은 알 것 같은 느낌이 들었다. 0. 들어가며... 이번 글은 스터기 3주차 회고록이다. [6.25 - 7.2] 진행 3주차는 함수, 스코프, let, let, const 키워드, 프로토타입 범위로 토의를 나눴다. 앞부터 하나도 중요하지 않은 부분 없는것으로 느꼇다. 왜냐하면, 앞의 내용을 모르면 뒤에서 이해가 되지 않을 것이기 때문이다. 이번글도 결론부터 말하면, 자바스크립트의 핵심 개념인 prototype에 대한 이해도가 상당히 높아진것을 느꼈다. 사실상 prototype이란것에대해 이해도라는것이 '0' 에 수렴했기때문에 위와같이 상당히 높아진것을 느꼈다고 적었다. 앞으로 개발자 취업을 준비하는 과정에서 반복적으로 읽게될것이고, 그때, 더 빠르게 이해하면서 더 깊게..

한줄요약 : 천천히 읽으니, 이해가 된다. 이해가되니, 재밌다. 0. 들어가며... 이번 글은 스터기 2주차 회고록이다. [6.18 -6.24] 진행 이번 글은 여러가지 일로 스케줄이 빠듯해서 느낌점과 생각정리 위주로 짧게 글을 마무리 하겠다. 첫번쨰, 자바스크립트, 프로그래밍 자체의 기본 개념들에대한 이해도가 높아지는걸 느꼈다. 우선 혼자 1회독할때, 이해안되고 넘어갔던 부분들이, (물론 빠르게 전체를 훑자는 느낌으로 대충 읽긴했지만) 라이브세션 시간이 낭비되지 않기 위해 천천히 읽고, 이해가 안된다 싶으면, 다시읽기를 반복하니 깊이있게 이해하진 못했겠지만, 책 내용자체는 대부분 이해가 됬다. ( 현재 18장까지 읽었다. 사실 이제 진짜 어려운것 , 예를들어 prototype 개념이 기다리고 있다는걸 ..

이 글은 그냥 내 공부기록을 정리한 노트같은 느낌으로 적는 글이다. (오늘은 2023년 6월 17일) 나의 북스터디 스케줄 요약 [6.17 - 계속 추가예정] 1. 우선 나의경우 독학으로 29장까지 읽은 상태인데, 이해가 정말 안되는 상태로 그냥 쭉 읽은 정도이다. 29장까지 읽었지만, 이해안된 상태로 읽었으므로 이번 회독은 1.5회독이라고 정의?하겠다. 이번 1.5회독 목표는 책 전체적으로 주관적인 측정으로 70%이상 이해하자라는것이 목표이다. (이것도 높은 목표라고 생각..) 2. 여기서 내가 정의한 이해도는 주관적으로 이해한 정도를 최대한 낮게 측정하여 적었다. 읽은 날짜 목차 주관적 이해도 측정 -> 70%이상 이해 목표 ******************************************..

한줄요약 : 남에게 설명하지 못하는 지식은 진짜 아는 지식이 아니다. 0. 들어가며... 이번 제로베이스 프론트엔드스쿨 11주차부터 이웅모저자님과 함께하는 모던 자바스크립트 Deep Dive 스터디에 참여할 수 있는 기회가 주어져서, 기회를 잡고 참여하게되었다. 이번 글은 스터디 1주차 회고록이다. [6.14 작성을 시작 - 6.17까지 수정할 예정] 기본적으로 이 과정은 2달(8주)간 모던자바스크립트 Deep Dive책을 1회독을 하며 저자및 팀원들과 토의하며 공부하는 과정이다. 1. 첫 라이브 세션 [6.13(화) pm2:00 - pm5:00] 첫 라이브 세션에서는 기본적인 OT를 진행했다. 라이브 세션중 강사님의 요구사항? 은 다음과같다. 1. 카메라는 무조건 키기 : 우리의 목적은 남에게 잘보이기..

## infinite scroll - 무한스크롤 구현 - 컨텐츠의 끝이 화면 끝에 닿으면 api가 호출되게 구현 - todolist 와 달리 외부 api 연동 - fetch, async, await ## API 연동 https://jsonplaceholder.typicode.com/ - 프로토타이핑용 api - /posts 활용 - [json-server](https://www.npmjs.com/package/json-server) 만든 곳에서 만들었기 때문에 사용 방법은 json-server와 동일 1. 기본 html 구성 API 연동 https://jsonplaceholder.typicode.com/ 이 사이트의 api는 test나 prototyping을 위한 API이다. 사이트에 들어가서 Resou..

0. 들어가며... 브라우저에는 웹사이트에서 관리할 수 있는 저장소들이 존재한다. 이 저장소는 html5부터 제공하는 특정 데이터를 서버가 아니라 클라이언트 웹 브라우저에 저장할 수 있도록 제공하는 기능이다. 즉, 사용자의 컴퓨터에 있으며, JavaScript를 통한 접근이 가능하다. 브라우저가 가지고 있는 저장소는 다음과 같다. 1. LocalStorage & Session Storage 2. Cookie 3. IndexedDB 4. Memory & Cahce 이중에서 LocalStorage & Session Storage에 대해 알아보겠다. 1. LocalStorage & Session Storage의 기본 1. localStorage와 SessionStorage는 같은 인터페이스를 공유한다. 인터페..

(한줄정리) 정수값만 true 반환 사용법1. Number.isInteger(value) 1-1. 매개변수 value 정수인지 확인하려는 값 1-2. 반환 값 주어진 값의 정수 여부를 나타내는 Boolean (true or false 반환) NaN , Infinity 도 false를 반환한다. 예제 console.log(Number.isInteger(0)); //true console.log(Number.isInteger(533)); //true console.log(Number.isInteger(-343)); //true console.log(Number.isInteger('10')); //false console.log(Number.isInteger([1])); //false console.log(N..