느슨해진 내마음속에 긴장감을 네... 그렇습니다... 리액트 너란녀석 또 쉬운척 하고있어서 느슨해지려고 합니다... 이제 막 걸음마를 떼고 슬금 슬금 뛰기 전에 걸음마 연습을 더 탄탄하게 하고 넘어가도록 하겠읍니다. React 학습 일정 다음주 까지의 학습 일정을... 미리 짜놓고 지키도록 노력해보자! > * 캠프에서 제공 해 주시는 React 강의 듣...

리액트 리액트 강의를 막 듣기 시작했다. 사실 요정도까지는 잘 이해가 되긴 하는데 가장 애매한 부분은 도대체 컴포넌트를 어디까지 쪼개야 하는가.... 일단! 투두리스트 만들면서 적용해보고 그 후에 고민하기! 화이팅! 저녁 공부는... 컨디션이 너무 안좋아서 스킵했다. 잠좀 자고 부족한 부분은 주말에 따서 갚는걸로 ㅋ

지난 한주 지난 한주는 JS에 대해서 더 깊게 이해하는 시간이였다. 주중에 코어 자바스크립트 서적에 나와있는 1~5장 내용을 강의로 들었고, 주말에 다시 한번 정리했다. 또, 꾸준히 알고리즘 문제들을 쉬운거라도 풀고자 노력할 수 있어서 좋았고 앞으로도 놓지 않고 열심히 해야겠다는 생각을 했다. 이번주부터는 리엑트 강의가 시작된다. 기초부터 다시 차근차근 제...

클로저 클로저란 함수와 그 함수가 선언된 렉시컬 환경의 조합. 왜 사용하는가? 일반적으로 state를 안전하게 은닉 하기 위해 무슨소리냐? 이런 불상사가 발생하지 않게 하기 위해서 변수를 함수안에 숨기고, 그 변수를 조작하는 함수를 리턴해서 관리한다. 너무 좋고 안전한 방법. 자주 써먹도록 노력해봐야지 아래는 함수형 프로그래밍에서 클로저를 사용하는 ...

nullish 병합연산자 '??' a ?? b로 사용하는데, a가 null도 아니고 undefined도 아니면 b, 그 외의 경우에는 a로 평가된다. '??'와 '||'의 차이 OR연산자 '||'는, 첫 번째 truthy 값을 반환한다(즉, null, undefined 뿐만아니라 0,"" 등도 반환하지 않게 된다.) nullish 연산자 '??'는 첫 번...

12월 12월이다. 12월이라는게 실감이 안날뻔했는데 날씨가 엄청나게 추워지면서 12월임을 상기시켜줬다. 캠프 종료까지 3개월 남았다. 3개월동안 더 노력하자. 지금까지보다 조금씩만 더 하루하루 어제보다 조금만 더 노력하는걸 목표로 하자. JS에서의 실행 컨텍스트 실행 컨텍스트(Execution Context) 실행 컨텍스트라는 말조차 몰라서 찾아보았다....

길을 잃었다 깊이있는 공부가 중요한것인가 빠르게 개념만 훑고 넘어간 다음에 나중에 천천히 이해하는게 중요한것인가 라는 고민을 최근에 자주하기 시작했다. 원래는 빠르고 넓고 얕게 이해하는게 목표였는데, 최근 그 한계지점에 닿은 듯한 느낌이 들었다. 프론트엔드 공부를 하다보니 새로운 라이브러리, 새로운 프레임워크 모두 다 결국 JS를 기반으로 사용하게 되어있다...

JS 변수의 할당 변수의 할당에 대해서 궁금해졌다. 여기저기 찾아보다가 오늘아침에 시간을 많이 사용했는데, 마침 캠프에서 진행 해 주시는 JS 심화 강의가 오늘 지급되었고, 첫번째 주제가 내가 딱 궁금해하던 주제였다. 왜 얕은복사를 했음에도, b는 변하지 않았는가 에 대해 궁금했었는데, 쉽게 그림을 그려보면 아래와 같다 코드 1번라인에서 분홍색처럼 실...

프로젝트 발표회 오늘 프로젝트 발표회를 진행했다. 간단하고 담백한 피드백을 받았고, 회고도 간단하게 진행했다. 모던 자바스크립트 튜토리얼(3) 프로젝트를 진행한다고 미뤄두었던 자바스크립트 공부 다시 시작했다. 중요한건 꺾이지 않는 마음 모던 JavaScript 튜토리얼 스터디 - 3 내일부터 할 것 > 꾸준히 JS 스터디를 친구와 함께 진행하기 리엑...

제곱근의 표현 연산의 순서 JS에서의 연산은 왼쪽에서 오른쪽으로 순차적으로 진행된다. 증감연산자(++,--)에서의 전위형, 후위형 후위형 연산자 i++은 i의 연산이 끝난 후 +1을 해준다. 전위형 연산자인 ++i는 +1을 해준 후 연산을 진행한다. String에서의 비교 기존에는 String에서의 비교를 아스키코드를 통해 한다고 생각하고 있었으나, ...

프로젝트 프로젝트 프로젝트 이번주 내내 프로젝트 열심히 달렸다. 평소에 늦게까지 안하고 컨디션 관리를 위해 왠만하면 11시정도에는 취침하려 노력했는데, 이번주는 계속 컴퓨터앞에 앉아있다가 자정을 넘겨 취침했다. 덕분에 피로가 엄청나게 쌓인 기분이다. 그래도 다행히 마감기한을 잘 지켜서 프로젝트가 끝났다. TMIDOL 시작은 거창했다... 지도 서비스도 ...

꺾여버렸다 프로젝트 마감기한을 지키기 위해 매일같이 12시까지 코딩하고 새벽에 일어나서 산책가고.... 코딩한다는 핑계로 학습을 정리하지 못했다. 지금이라도 해본다. 좋아요 구현하기 좋아요를 구현할 때 이벤트리스너를 SVG 객체에 담았다. 그러다 보니 그 안에 PATH 객체에도 함께 적용이 되었는데, 클릭하는 미묘한 지점에 따라서 event의 target...

중요한 것은 꺾이지 않는 마음 오늘 꺾일뻔 했다 너무 잠이와서 안쓰고 자고싶었지만 그럼 안된다 저런사람도 열심히 하는데 오늘 한 일은 무엇인가 오늘은 라이브 코딩을 진행했다. 팀원분들이 구현하기 힘들어 하셨던 부분들을 하나하나 콘솔을 찍어가면서 같이 문제를 해결 하기로 했다. 우여곡절 끝에 CRUD의 기본은 구현 완료. 이제 나머지 기능 구현을 구현하면...

1. 미니 프로젝트 트러블 슈팅 (before) 1) 어디서 에러가 발생했는가? 로컬스토리지에 이미지를 임시 저장하는 과정에서 에러가 발생하였다. 간단하게 핸들링할 수 있을것이라 생각했는데, 내가 생각한 방법에 확신이 없어 여러번 시행착오를 겪었다. 2) 왜 발생했는가? 크롬에서 로컬스토리지는 기본적으로 String을 저장하는 공간으로 활용되기 때문에...

자료형 자바스크립트에서는 타입을 8가지로 정의한다. Number 일반적인 숫자 외에, Infinity, NaN등이 포함된다. BigInt 자바스크립트에서는 2^53-1보다 큰값 또는 -2^53-1보다 작은 정수는 Number로 표현할 수 없다. 그 때 사용하는 type int에 n을 붙혀 사용한다. const bigInt = 1234567...

내실을 다지자 프로젝트를 진행하면서, 구현 => 어찌어찌 된다. 하지만 많은 부분에서 부족함을 느끼고 있다. 특히 기초! 기초에 대한 부족함이 절실하게 느껴진다. JS뿐만 아니라, HTML CSS도 부족하다. 더 연습해야겠다는 생각을 했다. 모양을 만들고 구현할 수 있지만, 더 유연하게 할 수 있는 부분이 충분히 있을 것 이라 생각한다. 잘 찾아보고 정리해...

프로젝트 진행 오늘 하루종일 프로젝트 진행을 했다. 오전에 파이어베이스 세팅진행, db에 더미 데이터를 넣는 것 까지 해봤다. 오후에 포스트를 작성하는 UI를 만들었는데, addEventListener가 하루종일 나를 괴롭혔다. 최초 init html을 DOM을 통해 뿌려준 후 이벤트리스너를 추가하는게 목표였는데, 이벤트리스너가 먼저 추가되고, init ...

1. 알고리즘 알고리즘의 베이스에 대해 노력했던 한주. 지금 당장 알고리즘을 공부하는 이유는 코딩테스트를 위해. 알고리즘을 위한 문제해결법, 접근법 2. 자료구조 코딩테스트 공부를 위해 꼭 거쳐가야하는 나에게는 정복해야하는 산 같은 것. 열심히 개념부터 이해하려 노력했다. 해시테이블, 이진검색트리 트리 탐색, 힙 우선순위 큐 3. 특강 진행중인 캠프에...

1. CS특강 CPU - RAM - HDD CPU는 요리사 RAM은 요리테이블 HDD는 요리재료... 너무 좋은 비유라 잘 이해되었다. 1) 프로세스 메모리(RAM)에 적재되어 실행되고 있는 프로그램의 인스턴스 OS로부터 시스템 자원을 할당받은 작업의 단위(CPU시간, 메모리 영역) 프로세스는 독립된 메모리를 할당 받는데, 이 공간을 프로세스 주소 공간으...

1. script 태그 HTML상에서 자바스크립트 프로그램을 삽입하기 위해 사용. script 태그의 attribute src : 외부 스크립트 불러오기 ( 파일과 URL을 불러올 수 있다. ) 스크립트가 길어진다면 별도의 분리된 파일로 만들어 저장하는 것이 유리하다. 브라우저의 작동방식과 관련이 있는데, HTML에 스크립트 파일을 삽입했을 시 다운받...