souvenir

DOM(Document Object Model) : HTML 요소들을 JavaScript 객체로 표현하는 문서 DOM =JavaScript 는 아니며 HTML의 트리 구조를 JS의 객체 형식으로 표현한 것. Document라는 전역변수로 접근 가능 Console.dir을 통해 HTML의 내용을 JS의 객체처럼 확인할 수 있음. 1. 활용 용도 JS를 통해 HTML 문서 중 해당 사항을 검색 혹은 수집하여 묶거나, 수정하는 것도 가능함. 아래와 같은 내용을 주로 확인함. 1) 태그이름(tagName), id(id), class 목록(classList), class 문자열(className) classList : 해당 태그의 속한 class들의 목록을 '객체 형식'으로 보여줌 Ex) $0.classList...

[오늘 공부한 것] 1. 유효성 검사 페이지 만들기 - input type="text"의 경우에는 인라인으로 텍스트 길이를 제한할 수 있는 것도 알게 되었다. - 사실 틀은 만들었고 강의에서도 설명해주셨지만 내가 해보았을 때는 거의 실행되지 않는다. 일부의 dom 기능만 활용하는 것 같고 개념들이 연결이 되지 않는다. 실전에서도 많이 쓰이는 것일텐데 이것조차 제대로 되지 않는 것이 너무 답답하다. 어디서부터 시도해야하고 어떤 것을 연습해야 하는 것인지조차 모르겠다. 막막해서 추가로 더 공부할 수 있는 플랫폼만 찾아보는 중이다. 2. 스터디 - 내가 모르는 많은 것을 시도할 수 있어서 좋지만 오히려 더 큰 갭차이를 느끼는 것 같다. 어디서부터 질문을 해야할지도 모르겠다. - 웹을 만들어본다는 것 자체가 의..

[오늘 공부한 것] 1. 스터디에서 원가 계산 사이트 만들기 시작 - react 등을 이용해서 전반적인 프론트엔드 부분을 연습해 볼 계획임. - dom 연습이 많이 필요함 2. 유효성 검사 만들기 - html과 대략적인 css는 만들었으나 바닐라 js 문법이 어색함. - 뭔가 정확하게 설명되지 않은 개념들이 난무하다는 느낌을 받음. 바닐라 js도 수업중 누구도 이야기 하지 않아서 스스로 찾아봄. 3. Do it! 클론 코딩으로 영화 리뷰 웹사이트 만들어보기 - 스텝 3까지 시도함. - npm과 리액트가 대략 어떤식으로 시작하고 작업하는지는 이해가 되기 시작함. - 컴포넌트 개념 복습은 필요함. - 컴포넌트 : js에서 일종의 클래스 개념과 비슷한 것 같음. 컴포넌트들을 연결해서 동일한 형식의 컨텐츠를 자..

[오늘 공부할 것] 1. twittler 목업 시작하기(70% 수준 완료) - 밤에 거의 완료 함. 2. webber-study html/css 초급 부분 정독하기 3. html 시범 웹 페이지 만들어보기 [내일 공부할 것] 1. twittler 목업 완료하기 2. udemy html/css 강의 중 html 부분 1스텝은 듣기

[오늘 공부한 것] 1. HTML 웹 페이지 구성 및 css 적용 2. git repository에 올려서 저장하기 https://github.com/souvenir-lee/HTML-practice 3. twittler 목업 와이어프래임 구성 [내일 공부할 것] 1. grid와 flexbox 공부하기 2. twittler 목업 시작하기(20% 수준은 완료하기)