user-thumbnail
@ki_blank
갈고 닦자.
SERIES

Today I Learn

19.08.08.목 TIL

2019년 8월 8일

Nomad Coder - wetube clone coding 완료 - let과 var, const 블로그 작성

19.08.09.금 TIL

2019년 8월 9일

오늘 한 일 - 개인 프로젝트에 scss를 이용해서 css 입힘. - 클로저 블로그 작성.

19.08.10.토 TIL

2019년 8월 10일

오늘 한 일 - 개인 프로젝트 signup페이지 css 작업 - MDN에서 prototype 공부

19.08.12.월 TIL

2019년 8월 12일

개인프로젝트 CSS 적용하기 90% 완료 - prototype 블로그 작성

19.08.13.화 TIL

2019년 8월 13일

개인 프로젝트 CSS 완료 2. 화살표 함수 블로그 작성(미완성... 좀 더 보강해야한다. 내용이 좀 부실한 감이 있다.)

19.08.14.수 TIL

2019년 8월 14일

javascript - Hoisting - 변수선언이 먼저 이루어져야한다. - 함수 레벨 스코프(var), 블록 레벨 스코프(let, const)에 따라 변수선언이 다르게 동작한다. - 함수선언식과 함수표현식은 Hoisting이 다르다. - - javascript - This - this는 함수를 호출 했을 때 결정된다. - 화살표함수에서의 this는 ...

19.08.16.금 TIL

2019년 8월 16일

일모님의 리뷰를 받았다. 개인 프로젝트의 폴더구조가 보기가 좋지 않았고, 가독성이 떨어졌었다. 중복으로 쓴게 많았다. 나도 하면서 느꼈었던 거였고, 정리하는 것도 알고 있었는데 일모님 도움으로 한번 더 알게 되었다. 고쳤다. 좀더 가독성 있게, 효율적으로 나누어서, 어디가 어딘지 알아볼 수 있게 폴더 구조를 분리했다. 고쳤던 부분은 서버쪽 폴더 구조였다. ...

19.08.17.월 TIL

2019년 8월 19일

오늘은 비동기에 대해서 블로그를 썼다. 비동기와 동기에 대한 차이를 적고, 비동기의 동작방식을 적었다. 비동기의 동작방식을 자세히 적고 싶다. 좀 더 공부한 뒤에 적어야겠다.비동기를 공부하면서 서버에 요청을 보내서 처리할 때 비동기가 쓰이는데 순서를 잘 처리해야겠다고 생각됐다. 잘못 처리했다고 에러가 나면 사용자는 당황할 것이고, 내 앱에 대한 신뢰도가 떨...

19.08.20.화 TIL

2019년 8월 20일

오늘 webpack과 babel를 이용해서 react 환경을 구축했다. 하면서 느낀건 webpack의 rules 설정과 plugin 설정을 잘해야한다는 거다. 그렇지 않으면 계속 오류난다. docs에 친절하게 잘 나와 있다. docs를 보면서 공부하면 좋을 거 같다. webpack을 왜 하는지 알게 됐다. mode를 변경해서 local server에서 동작...

19.08.23.금 - TIL

2019년 8월 23일

오늘 Nomad Coder에서 React 강의를 봤다. 보면서 영화 정보 웹을 clone coding했다. axios를 이용해서 영화 정보를 가지고 있는 api에 get 요청을 보내서 응답으로 영화 리스트를 받았다. 영화 리스트에서 id, genre, title, summary, rating, year 정보를 가져왔다. 처음에 조건없이 정보를 가져왔는데, ...

19.08.30.금 TIL

2019년 8월 30일

react에서 props의 타입을 정할 수 있다. Typescript하고 prop-types module이다. Typescript(prop-types보다 더 엄격하게 타입을 정할 수 있고, props 뿐만이 아니라 state, function, 변수, 등등... 에도 타입을 지정할 수 있다.)는 아직 사용을 해보지 않았고 prop-types를 사용했다. n...

19.09.04.수 TIL

2019년 9월 4일

React Hooks를 알게됐다. - 보통 React에서 함수형 컴포넌트는 state를 가지지 못한다. React Hooks 를 사용하게 되면 함수형 컴포넌트에서도 state를 관리할 수 있다. - React Hooks를 알고 난 후에 지금까지 했던 프로젝트나 React로 했던 다른 것들을 다시 리펙토링을 하면서 Hooks를 익히면 좋을 것 같다는 생각이...

19.09.03.화 TIL

2019년 9월 3일

Nomad Code - React 2 주 완성 6번째 과제 완료 제출 Header에 PRICES, EXCHANGES, COINS 메뉴가 있다. 각각의 메뉴가 선택 될 때 마다, 해당 메뉴가 표시된다. 6번째 과제를 하면서 COINS 화면에 MARKETS와 EXCAHGES 화면을 같이 출력해야했다. 구현은 했는데 COINS 메뉴의 표시됨이 MARKETS와 E...

19.09.05.목 TIL

2019년 9월 5일

오늘은 React Hooks에 대한 과제를 해결 했다. 1. useDeviceOrientation 2. useFavicon 3. useGeolocation 4. useKeyPress 5. useLocalStorage 6. useMousePosition 7. useOnline 8. useLockScroll - 오늘 안에 할 수 있을까? 생각하며 하나하나 해나...

19.09.24.화 TIL

2019년 9월 24일

노마드 코더 wetube 강의를 다시 듣고 있다. - 서버는 node를 사용하고, express 프레임 워크를 사용한다. MVC 패턴 중에서 Controller 부분을 임시로 생성했다. 지금은 router 방법을 이용해서 해당 url에 접근했을 때 각각 동작하는 곳을 나누었다. 나누고 보니 필요한 부분만 작업하기에 좋게 보였다. 수정할 부분도 쉽게 찾을 수...

19.09.25.수 TIL

2019년 9월 25일

pug에 내장되어 있는 mixin을 사용해봤다. 함수와 꽤 비슷한 형태였다. 차이점은 함수는 {} 가 있고, mixin은 바로 아래 pug 문법으로 html을 사용한다는 것이다. 잘 익혀둬서 다시 혼자서 해봐야겠다. - 이걸 하면서 생각해둔 프로젝트가 있다. 프로젝트를 준비하면서 다른 웹사이트들은 어떻게 화면을 구성하고 있는지 궁금해서 첫번째로 인기있는...

19.09.26.목 TIL

2019년 9월 26일

공부 방식을 바꿨다. 이전에는 강의 듣고 넘어 갔는데 그렇게 하지 않고, 어제 배운거 오늘 아침에 안보고 쳐보고, 모르면 찾아서 보고로 바꿨다. 누적 복습이다. 이게 엄청 느리게 공부하는게 맞을 거다. 정말 느리다. 하지만 확실히 생각하면서 할 수 있어서 좋을 것 같다. 머리에 input만 하고 output은 제대로 하지 않았는데 형의 제안으로 한번 해보기...

19.09.27.금 TIL

2019년 9월 27일

MongoDB 설치하고, 권한설정 했는데, 권한설정을 어떻게 풀지 모르겠고, stack overflow 찾아서 해결하고...... 결론은 stack overflow가 최고다. - Multer를 사용해서 req.file에 있는 path를 이용해서 이미지를 불러오는게 알게됐다. 이걸 이용해서 AWS에서도 쓸 수 있는 것인가? 궁금하다. file을 어떻게 처리하...

19.10.02.수 TIL

2019년 10월 2일

webpack 강의를 들었다. webpack은 작성했던 코드들을 하나의 파일에 모아준다. 모아 주면서, 여러 브라우저던 사용가능하게 코드를 변환해준다. 변환 설정 할 때 "webpack.config.js"를 생성하고 "webpack.config.js"에서 한다. 자바스크립트 문법을 기존의 코드로 변환하고 내가 지정해 놓은 파일에 저장한다. 생성된 파일을 보...

19.10.03. 목 TIL

2019년 10월 3일

sass문법으로 css를 적용했다. sass문법은 내가 작성한 html 구조와 비슷하게 작성할 수 있다. 부모 태그안에 자식 태그가 있는 형태를 sass문법을 사용해서 적용할 수 있다. css는 복잡하다. 익숙하지 않아서 그렇다. 익숙해지려면 계속 연습해야 한다. 하겠다.

19.10.08.화 TIL

6일 전

7.1 Edit User Password - Profile의 모습을 보기 좋게 바꿨다. - Profile에 edit profile과 change password 버튼이 있다. 이 버튼들은 나 말고는 다른 사람이 보면 안된다. 이전 강의에서 userController에서 getMe를 추가 했었다. 추가한 이유는 url에서 db에 저장되어 있는 아이디가 보이는...

19.10.11.금 TIL

3일 전

8.0 ~ 8.6 Video tag event video tag에 play, pause, volume, 확장, 줄이기, 시간 까지 다 있다. 태그에 다 있는데...... 따로 한 이유는 event 처리 방법을 배우는게 목적인거 같다. 처음 구현한 건 비디오를 재생 시키는거다. video tag를 찾아서 클릭을 하면 재생이 되게 하는 방법이다. 이게 butt...

19.10.14.월 TIL

약 13시간 전

9.0 Getting User Media 녹화하는 이벤트를 만들었다. 무슨 방법으로 컴퓨터 카메라에 접근을 해서 녹화를 할 수 있는지 궁금했다. 이벤트 발생시키는건 8 시리즈 강의해서 한 것과 같이 하면 된다. video 태그를 이용한다. 카메라에 접근을 하는 함수가 있다. media device navigator mdn 으로 검색을 한다. 지금 연결된 ...