오늘 한 일
TIL기본 서식 수정코드스테이츠 > Pair:Sprint - Twittler 목업구현코드스테이츠 > DOM- 웹페이지 완성하기 (완성 후 git에 올리기)
- IT 관련 영상 보고 기록
- Advance 공부(모두 달성하지 못해도 좋으나 최선을 다할 것)
- Test Build (Step 4)
- Koans (advance)
- 코플릿 Toy
- 프로그래머스 쉬운 문제 도전
오늘 배운 것 & 어려운 것
- 코드스테이츠 > Pair:Sprint - Twittler 목업구현
- 배운것! : div span 태그의 경우 그저 분할 영역을 지정하는 태그로 보다 덜 semantic하다.
- li를 쓰는 이유는 js구현을 했을 때 함수가 더 잘 작동하고, class와 id 속성을 활용해 semantic하게 구현가능하다.
- li를 사용시 원과 같은 앞에 기호가 생기는 것을 없애려면 list-style:none 을 이용하면 된다.
- 코드스테이츠 > DOM
- HTML Element 추가, 삭제, 변경
- create : createElement, importNode
- Read : querySelector, querySelectorAll
- Update : Classname, setAtribute,
- Remove : innerHTML, remove()
- event handler
- JavaScript event를 HTML 속성으로 넣으면 안되는 이유
- 간단한 웹 앱을 만들 때 logic과 DOM 조작을 함수로 분리해서 작업해야 한다. (+반응형 web, app)
<참고>
1일 1 IT영상 (정보, 느낌)
- 코드를 만든 것은 결국 '나' 그러므로 나의 실수를 찾아야 한다
- 에러를 고치려 하지 말고 이해해라. 원인을 먼저 이해해야 나중에 바로 고칠 수 있다.
- 에러 메세지를 바로 읽어봐라(원인과 문제파악 가능)
결국 에러를 만드는 것은 '나'이며 이미 컴퓨터는 에러를 해결할 수 있는 방법을 알려주고 있다.
그러므로 초보개발자인 나는 에러 메세지를 읽는 법을 찾아봐야겠다고 생각했고, '스택트레이스' 라는 키워드로
검색을 하면 여러 에러메세지와 그걸 해결하기 위한 방법과 읽는법을 알 수 있다는 것을 알게 되었다.
이제 에러를 보면 내가 밟고 올라갈 수 있는 발판이라고 생각하고 기뻐하면서 메세지를 읽어보자...!
공부 후 느낀 점
Front-end의 전반적인 부분을 해보았는데 Front-end의 css와 HTML 그리고 JS를 이용해 웹 하나를 구현하는데에
많은 노력이 들어간다는 것을 알게 되었다. 디자인은 그냥 대충 하면 되는 걸로만 생각했는데... 많은 창의력과 나중에 어떻게 구현해야할지가 이미 머리속에 구상되어 있지 않으면 작동이 되지 않거나, 무언가가 맞지 않아 처음부터 다시 해야하는 불상사가 발생하게 된다는 것도 알게 되었다.
아직 공부할 것들이 너무 많다... 내일은 하나라도 완벽히 끝내놓고 싶다.
내일 할 일
- 코드스테이츠 > Pair:Sprint - Twittler 함수작성
- 웹페이지 완성하기 (완성 후 git에 올리기)
- IT 관련 영상 보고 기록
- Advance 공부(모두 달성하지 못해도 좋으나 최선을 다할 것)
- Test Build (Step 4)
- Koans (advance)
- 코플릿 Toy
- 프로그래머스 쉬운 문제 도전
'TIL' 카테고리의 다른 글
| 200704 / twittler 그리고 빡코딩(?) (0) | 2020.07.13 |
|---|---|
| 200702 / Twittler, DOM 위기... (0) | 2020.07.03 |
| 200630 / 테스트 주도 개발, HTML, CSS (0) | 2020.07.01 |
| 200616 / 모르는 것이 있을 때 (0) | 2020.06.28 |
| 200615 / TIL시작, 코드스테이츠 시작 (0) | 2020.06.28 |