#### 오늘 한 일 * mysql - 데이터베이스가 어떤식으로 작동하는지 간단한 튜토리얼을 하면서 익혔다. - mysql workbench를 설치해서 실행하고, 데이터베이스를 직접 만들어 봤다. - urclass에 있던 사이트에서 간단히 쿼리를 어떻게 사용하는지 익히고 문제들을 풀면서 적용했다. - 아직까지는 create, drop, update, select정도의 명령어밖에 사용을 못하지만.. 쓰다보면 적응 되겠지 뭐 - 아직 서버와 어떻게 연동되는지는 감이 잡히질 않는다. 내일 중점적으로 해봐야 할 것. *내일 할 일 - 데이터베이스와 서버가 어떻게 연결되는지, 어떤식으로 동작하는지.
#### 오늘 한 일 * portfolio - 이걸 이틀동안 하라는거야? 하는 생각과, 올릴 게 없는데.. 하는 생각으로 만들다가 - 리액트 라우팅만 하면 되는걸 오늘 오피스아워때야 들었다. ㅋㅋ 그래도 언젠간 쓸테니까..쓰겠지..? *react router - '/' 홈 경로를 라우팅 했다. '/'만 쓸 경우 '/about'과 구분을 하지 못해서 exact키워드를 추가해야만 했다. - '/about' 같은 경우, 내 css 컨셉상 navbar를 가지고 있어야 했는데.. 이걸 가운데 정렬, 크기 조절 하는데 좀 애먹었다. - css를 더 깊이 있게 할 것 - 기본적으로는 홈 url 에서 버튼을 눌러 about url로 바뀌고, about컴포넌트 안의 js,react,node 버튼으로 다시 한 번 라우팅을..
#### 오늘 한 일 * toy project - 원래 계획은 주말동안 밀린 토이를 다 풀고 월요일부터 새로운 마음으로 시작하려고 했는데.. - powerSet에서 엄청나게 막혀버렸다. - 건진거라고는 이제야 알게 된 join의 사용법이라든가.. slice를 통해 중복을 거르는 법..? strSet.slice(0,i).concat(strSet.slice(i+1)) 이 부분이 이해가 잘 안되서 시간 좀 많이 썼던 부분 같다. 결국에는 i값을 하나씩 넣으면서 깨닫긴 했는데, 실제로 구현하기까지가 너무 어렵다 *내일 할 일 - 리캐스트 videoplayer 부분 구현 (리캐스트가 어려워도 토이보단 쉬운거 같으니까 이거라도 좀 하자 제발..) - 월요일 스프린트 페이지 구성..?
## 2020 0715 0716 서른아홉번째 TIL
#### 오늘 한 일 * web basic hiring assessment 1. 리액트 - props ㄴ App 컴포넌트에서 데이터를 받아와서 list > entrylist 순으로 뿌려줌 ㄴ - state lifting ㄴ entrylist컴포넌트에서 onClick을 했을 때, setState를 이용해서 App컴포넌트 state 변경 ㄴ state 전체 변경이 아닌 하나만 변경 하려 할 때 : setState({'변경할 키 값':'변경값'}) - life cycle ㄴ constructor > render(if) > componentDidMount > render(if 이후) - 구조분해할당 ㄴ movie = {title:---,image:~~~,runtime:###}일 때, ㄴ< '자식컴포넌트이름' m..
#### 오늘 한 일 * React - 페어분이 추천해주신 노마드코더의 react강의를 들었다. ㄴ props를 파니 이젠 props는 적응이 됐고, state가 아직 조금 낯설다. ㄴ 유튜브를 리액트로 클론하고 있는데.. 함수를 넘겨주는 부분이 아직 어렵고, 구현방법을 잘 모르겠다. ㄴ life cyle이 어떻게 돌아가는지는 알게 됐다 >> mounting, updating, unmounting ㄴ state 끌어 올리기 *내일 할 일 - 리덕스 구현 - 리캐스트 videoplayer 부분 구현
어제 뭔가 하긴 했구나~ 하고 좋아했는데 결국 처음으로 돌아와버렸다... 클래스형으로 작성한 컴포넌트를 다시 함수형으로 돌려야 했는데.. 그러다 보니 props랑 state랑 다 꼬여버렸다. 둘 다 이해했으면, 크게 어렵지 않을텐데 겉만 이해한 것 같다. #### 오늘 한 일 * React - 클래스형, 함수형 컴포넌트 작성 - 클래스형 > 함수형 컴포넌트 전환 - 뭘..해야 할지 모르겠당.. *내일 할 일 - 리캐스트 스프린트 videolist, videolistentry 구현하기 및 테스트케이스 통과하기 /* https://ko.reactjs.org/docs/introducing-jsx.html (리액트) https://velopert.com/3626
## 2020 0708 서른여섯번째 TIL
프론트엔드의 꽃이라는 리액트를 시작했다. 아직 여러 개념들이 엉켜서 잘 정리가 되지는 않아서, 생활코딩 강의를 열심히 듣고 있다. 익스프레스, 리액트를 하고나면 그래도 조금은 할 수 있는게 많아지지 않을까..?ㅋㅋ #### 오늘 한 일 * React - 환경 세팅 ㄴ 기본적으로는 npm을 install 하고, create-react-app을 통해 초기화면을 시작한다. ㄴ exports default 를 통해 내보내고, import를 통해 가져온다. ㄴ reactDom을 통해 어디 태그에 넣어야 할지 정한다 //ReactDOM.render(렌더값,document.getElementById('root')); - 필수로 알아야 할 es6 문법 - jsx ㄴ 자바스크립트 코드 적용시 반드시 {}안에 넣어야 함 ..
## 2020 0706 0707 서른다섯번째 TIL
서버 너무 정신없어서.. 어제 끝나고 다 적기까지 다 했는데, 업로드를 못했다 ㅋㅋ 아직까지 어느 코드를 어떤 상황에 해야 할지 구현하기가 너무 어렵다. 기껏 쉽게 해놨더니 쉽게 해논것을 줏어먹지도 못하는 정도..? #### 오늘 한 일 * common JS - 내가 만든 코드들이 어떻게 추출되고, 어떻게 받아들여지는지 이해했다. - module.exports = Code - const Code = require('./Code') - 이런 식이긴 한데, 아직 exports와 module.exports 구분은 조금 시간이 필요한것 같다 * express - 공식문서를 더 보고 공부해야 할 것 같다. - npm install express --save ㄴ --save를 달고 install을 해야 packge..