아고라 스테이츠란? 아고라 스테이츠는 코드스테이츠에서 수강생들이 질문을 하면 수강생들이 답변을 해주고, 답변이 안된 답은 강사가 답을 해주는 디스코드의 공간이다. 한번도 질문을 해본 적은 없지만, 다른 사람들이 질문 하는 것들을 보며 나라면 어떻게 해결 할까를 생각해보는 시간을 많이 가졌던 것 같다. 나만의 아고라 스테이츠 만들기 이번 과제는 이런 아고라 스테이츠를 직접 웹페이지로 구현 하는 것이다. 물론 완벽하게 똑같은 기능을 하도록 구현을 할 수는 없으나, 주어진 스텝에 맞추어 최대한 구현을 하려고 노력해보았다. CSS html은 이미 코트스테이츠 측에서 어느정도 기본 구조를 잡아 주었기 때문에 css와 자바스크립트를 작성하면 되었다. css는 전체적인 구조와 내가 입력하는 부분,

DOM에서는 이전에 보지 못한 새로운 문법들이 너무 많이 나와 외울게 많지만, 여기서 배우는 것들은 기본적으로 많이 쓰일 것 같다 다 외워야겠다. >### DOM DOM은 자바스크립트로 HTML을 제어하는 것을 의미한다. DOM은 트리 구조이다. > DOM 조회 console.dir() 을 이용해 해당 변수에 밑이 있는 자식 요소들을 찾을 수 있다. > 그다음으로 아이디와 비밀번호의 유효성을 검사하는 코드를 만들었다. >### 유효성 검사 결국 DOM으로 배운 코드들을 거의 다 쓴 것 같다. 기본적으로 어떻게 쓰는지 외우고 까먹을 때마다 이 글을 보며 상기 시키면 될 것 같다. >### 이벤트 객체 클릭을 했을 때의 버튼 값을 이용하는 방법을 사용한다. 여기서 알 수 있는 것은 this 가 event.target과 동일한 값을 출력하므로 같다고 할 수 있다. this가 변수의 값을 의미하는 건가? 잘 모르겠다..

오늘은 지난주에 한 내용들을 복습하는 시간이 주어졌다. 지난주 금요일에 페어와 함께 계산기를 만들었는데, 내가 모르는 부분은 페어가 알려주고, 페어가 모르는 부분은 내가 알려주며 만들어서 끝낼 수 있었는데, 혼자 해도 비슷한 시간 안에 비슷한 퀄리티로 만들 수 있는지가 궁금해져서 기본 계산기보다 버튼이 많은 공학용 계산기를 만들어 보았다. 공학용 계산기중 가장 무난하게 생긴 구글의 공학용 계산기를 가지고와 비슷하게 만들어보는 시도를 하였다. >*구글 계산기 >*내가 만든 계산기 >공학용 계산기 html { margin: 0;

오늘은 css에서 지난번에 이어 기초를 마무리하는 것으로 시작하였다. css에서 페이지를 분할하여 웹페이지를 만드는 것이었는데, 여기서 css가 하는 역할이 매우 크다. 사실 아직도 정확히 display:flex 를 이용해 페이지를 만드는 방법이 정확하게 어떻게 동작하는지 이해 하지는 못했다. 다음주 복습시간에 고민해봐야겠다. 어쨋든 공부한 것을 토대로 영역을 구분하는 코드를 짜서 만들었는데, 과제로 주어진 것과 완벽하게 똑같이 되지는 않았지만 이정도면 만족스럽다. 그다음 페어프로그래밍이라는 것을 진행하였는데, 같은 수강생중 한명과 협업을 하여 계산기 목업을 만드는 것이었다. 완전 처음보는 남이랑 같이 과제를 하는거라 시작전에 긴장을 많이 했는데, 생각보다 같이 하는 분이랑 잘 맞아서 쉽게 끝낼 수 있었던

아직까지는 기본 프론트엔드 학습이기도 하고, html 공부는 한번 해본지라 쉽게 할 수 있었다. 오늘 제출 과제를 보면 오늘 배운 것을 다 알아볼 수 있다. html만 사용하기는 너무 딱딱하게 느껴져서 조금 아는 css를 추가햐여 보았다. 또 id와 class를 이용해 입력 태그의 스타일 지정을 편리하게 하는 법도 배웠다. 처음에는 샌드박스페이지가 잘 안되서 오류를 찾아보고 해결하려 했는데 어떻게 하다보니 되었다. 오늘의 공부 요약 h2 태그를 이용해 h1보다는 작은 제목을 만들수 있다.