thumbnail

19.10.08.화 TIL

7.1 Edit User Password - Profile의 모습을 보기 좋게 바꿨다. - Profile에 edit profile과 change password 버튼이 있다. 이 버튼들은 나 말고는 다른 사람이 보면 안된다. 이전 강의에서 userController에서...

6일 전0개의 댓글

19.10.03. 목 TIL

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

2019년 10월 3일0개의 댓글

19.10.02.수 TIL

webpack 강의를 들었다. webpack은 작성했던 코드들을 하나의 파일에 모아준다. 모아 주면서, 여러 브라우저던 사용가능하게 코드를 변환해준다. 변환 설정 할 때 "webpack.config.js"를 생성하고 "webpack.config.js"에서 한다. 자바스...

2019년 10월 2일0개의 댓글

19.09.27.금 TIL

MongoDB 설치하고, 권한설정 했는데, 권한설정을 어떻게 풀지 모르겠고, stack overflow 찾아서 해결하고...... 결론은 stack overflow가 최고다. - Multer를 사용해서 req.file에 있는 path를 이용해서 이미지를 불러오는게 알게...

2019년 9월 27일0개의 댓글

19.09.26.목 TIL

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

2019년 9월 26일0개의 댓글

19.09.25.수 TIL

pug에 내장되어 있는 mixin을 사용해봤다. 함수와 꽤 비슷한 형태였다. 차이점은 함수는 {} 가 있고, mixin은 바로 아래 pug 문법으로 html을 사용한다는 것이다. 잘 익혀둬서 다시 혼자서 해봐야겠다. - 이걸 하면서 생각해둔 프로젝트가 있다. 프로젝...

2019년 9월 25일0개의 댓글

19.09.24.화 TIL

노마드 코더 wetube 강의를 다시 듣고 있다. - 서버는 node를 사용하고, express 프레임 워크를 사용한다. MVC 패턴 중에서 Controller 부분을 임시로 생성했다. 지금은 router 방법을 이용해서 해당 url에 접근했을 때 각각 동작하는 곳을 ...

2019년 9월 24일0개의 댓글

간단한 Express Server 만들기

express를 이용해서 Server를 만들어 보겠습니다. 실행환경 - vscode - vscode에서 실행한 터미널 ( vscode에서 터미널을 띄울려면 맥은 "control + ₩ (숫자1 왼쪽버튼)" ) 사전준비 1. myapp 폴더 생성 2. myap...

2019년 9월 24일0개의 댓글

19.09.21.토 TIL

ZeroCho TV - 유튜브에서 html, css 무료강의를 봤다. 기존에 알고 있던 내용이었지만 정리된게 없었다. 다시보고 정리가 되서 좋았다. html 코딩할 때는 일반사람들은 물론이고 장애인들을 위해서 코딩을 해야한다. img 태그에서 사용하는 alt속성은 시각...

2019년 9월 21일0개의 댓글

19.09.05.목 TIL

오늘은 React Hooks에 대한 과제를 해결 했다. 1. useDeviceOrientation 2. useFavicon 3. useGeolocation 4. useKeyPress 5. useLocalStorage 6. useMousePosition 7. useOnl...

2019년 9월 5일0개의 댓글

19.09.04.수 TIL

React Hooks를 알게됐다. - 보통 React에서 함수형 컴포넌트는 state를 가지지 못한다. React Hooks 를 사용하게 되면 함수형 컴포넌트에서도 state를 관리할 수 있다. - React Hooks를 알고 난 후에 지금까지 했던 프로젝트나 Rea...

2019년 9월 4일0개의 댓글

19.09.03.화 TIL

Nomad Code - React 2 주 완성 6번째 과제 완료 제출 Header에 PRICES, EXCHANGES, COINS 메뉴가 있다. 각각의 메뉴가 선택 될 때 마다, 해당 메뉴가 표시된다. 6번째 과제를 하면서 COINS 화면에 MARKETS와 EXCAHGE...

2019년 9월 3일0개의 댓글

19.08.30.금 TIL

react에서 props의 타입을 정할 수 있다. Typescript하고 prop-types module이다. Typescript(prop-types보다 더 엄격하게 타입을 정할 수 있고, props 뿐만이 아니라 state, function, 변수, 등등... 에도 ...

2019년 8월 30일0개의 댓글

19.08.28.수 TIL

오늘 React Router를 사용하면서 Link를 사용하는데 작동하지 않았다. 왜 동작을 하지 않았냐면 import 할 때 역시 스택오버플로우는 개발자에게 필수다. React Router를 사용할 때, 잊어버리지 않겠다.

2019년 8월 28일0개의 댓글

React-Router 간단한 사용법

사전 준비 - npx create-react-app react-router - src 폴더 안에 Components, Screens 폴더 생성 - Components 폴더에 App.js 이동, Routes.js와 Header.js 생성 - Screens 폴더에 Lion...

2019년 8월 28일1개의 댓글

19.08.23.금 - TIL

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

2019년 8월 23일0개의 댓글

React - jsx에 대한 간단한 소개

jsx jsx는 react에서 사용하는 문법입니다. jsx는 javascript 안에서 html 처럼 사용합니다. react에서는 component에서 쓰이는 html의 속성 값이나 content에 "{}"를 사용합니다. - 스크린샷 2019-08-23 ...

2019년 8월 23일0개의 댓글

React - Component

React에서 component가 있습니다. component는 HTML를 반환하는 함수입니다. component의 사용법을 알아보겠습니다. 결과는... 스크린샷 2019-08-23 오전 9.56.25.png - 위와 같이 나옵니다. index.j...

2019년 8월 23일0개의 댓글

19.08.20.화 TIL

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

2019년 8월 20일0개의 댓글

19.08.17.월 TIL

오늘은 비동기에 대해서 블로그를 썼다. 비동기와 동기에 대한 차이를 적고, 비동기의 동작방식을 적었다. 비동기의 동작방식을 자세히 적고 싶다. 좀 더 공부한 뒤에 적어야겠다.비동기를 공부하면서 서버에 요청을 보내서 처리할 때 비동기가 쓰이는데 순서를 잘 처리해야겠다고 ...

2019년 8월 19일2개의 댓글