개발자의 낙원

스터디 3일 차입니다. 주간회고록을 노션에 작성해보았습니다. 오늘은 새로운 강의는 없고, 첫 코드챌린지가 있었습니다. HTML 문서에서 여러 가지 input 태그를 집어넣어서 간단히 회원가입 양식을 만들어 보았습니다. 이미 한번 만들어본 코드이지만, 열심히 타이핑했습니다. 기존의 것과 겉모습은 똑같지만 이번엔 semantic 태그를 활용해서 header와 main으로 전체 html-body의 구조를 보여줄 수 있게 코드를 만들어서 마음에 듭니다. 문제 및 코드를 유출하면 (아마) 안되어서 여기 남길 수 없는 게 아쉽습니다. TIL 팁: 태그속성은 공식문서로 꼭 확인하자. input 태그로 만든 submit 버튼입니다. HTML 삽입 미리보기할 수 없는 소스 위의 버튼은 다음과 같은 코드로 만들어졌습니다...

스터디 2일 차입니다. 오늘은 HTML문서의 구조와 여러 가지 태그에 대한 강의를 듣고 퀴즈를 풀었습니다. 4월 6일 목요일 저녁 8시에 줌 OT를 진행한다니 잘 살펴봐야겠습니다. 느낀 점 사실 HTML을 개인적으로 적당히 열심히 공부했었기 때문에 어느 정도 이미 다 아는 내용이었습니다. 하지만 좀 더 명확한 용어의 정의와 디테일한 느낌을 교정할 수 있었습니다. 예를 들자면 id 속성(attribute)은 태그의 고유식별자입니다. 하나의 HTML 문서에는 같은 id 값을 갖는 여러 개의 태그가 존재할 수 없습니다. 하지만 그렇게 정의한다고 해서 무슨 오류가 발생하는 것은 아닙니다. 단지 id를 제대로 활용할 수 없게 되겠지요. 동일한 값의 id는 존재할 수 없다기보단 존재하면 안 된다. 정도로 느낌이 바..

10주간 강의를 들으며 코딩을 하게 되었습니다. 첫날인 오늘은 강의를 어떻게 들을지 전략을 세우는데 집중했습니다. 인강 듣기 전략 노마드코더의 니콜라스 선생님, 잘 가르치십니다. 하지만 인강을 가만히 듣다 보면 무슨 내용을 말하고 있는지 모를 때가 많습니다. 그래서 선생님의 패턴을 파악해서 강의의 목차를 생각하며 듣기로 했습니다. 제가 파악한 강의 패턴은 다음과 같습니다. 1. 엄격한 정의 소개 후 해당 정의 디스 - 사전적 정의를 보여준 후 비웃는다. 이 과정은 생략되기도 한다. 2. 비유를 활용한 심상모델 제시 - 이해하기 쉬운 개념모델을 제시한다. 3. 실제 예제 코드 제시 - 실제 코드로 형태 및 동작을 보여준다. 4. 이전에 소개한 개념과의 비교 - 좀 전에 배운 개념과 현재 공부 중인 개념의 ..