20210914 html/css 스터디

1. 스터디 진행 회차 및 일자 6회차 (2021.09.14) _ html / css 스터디 2. 스터디 참여자 박소정, 이지민, 이영주, 김인서 3. 스터디 주요 내용 활용 과제를 풀고 코드를 피드백 받음 4. 스터디에서 나왔던 질문 *는 한줄로 쓰지 말고 아래로 내려준다 *정답 입력 칸에 배경으로 텍스트 까는 법 >placeholder 활용 *link를 활용해 css 입력하는 파일을 따로 만들 수 있다. 코드가 길어질 때 유용하다고 함 *아이콘을 삽입할때 앞에 "fas"를 붙여야 표시가 된다 5. 다음 스터디 과제 다음주 스터디는 휴강 다다음주까지 10강 (35강까지)듣고 활용과제 3번까지 풀어오기

202110809 html 스터디

1. 스터디 진행 회차 및 일자 2회차(2021.08.09) css스터디 2. 스터디 참여자 박소정, 이지민, 이영주, 김인서 3. 스터디 주요 내용 -각자 홈페이지를 보며 원본 페이지에 비해 무엇을 신경써서 디자인 했는지 이야기 하였다. -수강한 유튜브 강의를 인증하기로 하였다. -나이키 다음으로 진행할 홈페이지 논의를 하였다. (카카오톡으로 결정) -다음 홈페이지(카카오톡)는 지금까지 배운 html을 활용해 역량이 되는만큼 기능 구현을 하기로 하였다 4. 스터디에서 나왔던 질문 - 5. 다음 스터디 과제 -생활코딩 html 강의 끝까지 수강 -나이키 홈페이지 디자인 끝내고 인터렉션 추가 + 가능하면 코딩까지 -자신이 만든 xd파일 발표

20210726 html 스터디

1. 스터디 진행 회타 및 일자 1회차(2021.07.26) css스터디 2. 스터디 참여자 박소정, 이지민, 이영주, 김인서 3. 스터디 주요 내용 각자 스터디를 진행한 내용에 대해 공유하고 학습 중에 생긴 질문을 공유했다. 서로 대답해줄 수 있는 질문은 대답해주고 이 외의 질문은 조언을 줄 수 있는 사람에게 정리하여 질문하였다. 질문이 끝나고 난 뒤 앞으로의 스터디 진행 계획을 세우고(일주일에 강의 10개 듣기) 추가로 홈페이지 디자인에 대한 스터디 계획을 수립하였다. 홈페이지 디자인 스터디 계획은 총 두개로 첫번째는 기존에 있는 홈페이지를 xd나 일러스트를 이용하여 그대로 구현하는 것이고 두번째는 가능한 데까지 코딩으로(css or html) 구현하는 것이다. 두번째 홈페이지 디자인은 강의 수강을 조금 더 진행한 뒤에 시행하기로 하였고 일단 다음 스터디부터는 첫번째 홈페이지 디자인(기존 디자인을 자유 프로그램-xd,일러스트,피그마 등)을 진행하기로 하였다. 4. 스터디에서 나왔던 질문 A. 맥북 상에서 텍스트 편집기를 이용하여 코딩을 진행할 시 한 번 html로 저장하면 그 다음부터는 텍스트 편집기로 열리지 않는 문제가 발생하는데 이를 어떻게 해결하나요?(어떻게 텍스트 편집기로 다시 여나요?) ð 텍스트 편집기 내에서의 환경설정에 들어간 뒤, 새로운 문서/포맷 상에서 리치 텍스트를 선택한다. 그 뒤 설정값을 저장하고 파일을 열 때 다음으로 열기에서 텍스트 편집기를 선택하여 열어주면 된다. B. 를 쓰지 않아도 html은 실행이 되던데 코딩 할 때에는 작성하는 이유가 무엇인가요? 그냥 가독성 때문에 쓰는 건가요? ð 지금은 짧은 코딩만 했기 때문에 항목화()에 대한 필요성이 필요 없다고 생각할 수 있으나 나중에 긴 코딩을 하다 보면(실제 네이버와 같은 프로그램의 구성)이러한 항목화가 필요하다는 것을 알 수 있다. 한마디로 가독성을 위해 쓰는 것이라 할 수 있다. C. DOCTYPE이라는게 이해가 잘 안되는데 혹시 설명해줄 수 있나요? ð 사실 웹 표준을 지키는 문서의 타입에는 몇 가지 종류가 있다. 한마디로 코딩의 버전이 여러 가지 존재하는 것과 같다. 그리고 이 문서가 어떤 문서의 타입(document type)을 사용하는지를 선언하는 것이 독-타입(doc-type)인 것이다. 그렇기 때문에 독타입은 언제나 가장 먼저 선언해 줘야만 한다. 5. 다음 스터디 과제 스터디원들의 다음주 일정으로 인해 다다음주 월요일에 제2차 스터디를 진행하기로 했다. 스터디 과제로는 생활 코딩 html 강의를 20강을 수강해오고, 나이키 홈페이지를 자유 프 로그램(피그마,xd,일러스트 등)을 이용하여 구현 해오기로 하였다.