display: flex; flex-direction: column; align-items: center; justify-content: center;

1. 기억에 남는 내용 Do it! 인터랙티브 웹 페이지 만들기 책을 통해서 UI/UX에 대해서 상세하게 배울 수 있던 것 같습니다. 이번 스터디를 통해 책 전반적인 내용을 다뤘으면 나중에 하나하나 다시 해보면서 이 코드가 무엇을 뜻하는지에 대해 다시 정리해서 이번에 공부한 내용이 날아가지 않게 할 수 있을 것 같습니다. 또 포트폴리오 작성을 위한 매우 많은 예제들 덕분에 이를 응용해서 다른 것도 만들 수 있을 것 같습니다. 그래서 매우 유익했던 시간이었습니다. 2. 완독 후기, 카드뉴스 링크 https://blog.naver.com/radiant515/222753325159 🍑Do it! 인터랙티브 웹 페이지 만들기 이번 책은 8개의 포트폴리오를 만들어볼 수 있는 책을 선택했다! 8개의 프로젝트가 모두..

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 마지막 챕터이다보니 앞에서 했던 코딩들보다 훨씬 더 어렵게 느껴지긴 했지만 하나하나 차근차근 따라가며 코딩했습니다! ​ 3. 실습 코드 스크린샷

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 음악 실행 웹사이트를 만들어서 버튼으로 음악을 선택해가며 실행하고 정지키시는 것을 자바스크립트로 구현했습니다. 3. 실습 코드 스크린샷

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 오늘은 11장 flex기반 동영상 웹페이지 제작하기 실습을 했는데 클래스를 넣었다 뺐다 하면서 동영상 재생 여부를 결정하는 실습을 했습니다. ​ 3. 실습 코드 스크린샷 ​

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 이번 10장은 파라노마 회사 소개 페이지 제작하기 실습을 했는데 일단 세분화된 구역때문에 코드량도 많고 3d 애니메이션과 간단한 js기능으로 많이 복잡했습니다. 그래서 천천히 실습해서 완성하려고 노력했습니다. 3. 실습 코드 스크린샷 ​

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 8장 기업형 웹페이지 만들기와 9장 마을 애니메이션 제작하기 실습을 모두 진행했습니다. 지금까지의 예제는 html과 css만을 이용해서 웹페이지를 제작중이라 빨리 자바스크립트까지 이용하는 예제를 실습해보고 싶습니다. 3. 실습 코드 스크린샷

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 7장 실습은 개인 프로필을 만드는 과정이었습니다. 앞에서 배운 html과 css만들 이용해서 웹페이지를 구현했습니다. ​ 3. 실습 코드 스크린샷 ​

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 자바스크립트의 기초 문법들과 이를 활용하는 함수를 정의하거나 속성값을 제어하는 등의 작업을 실습했습니다 3. 실습 코드 스크린샷

1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 css에서 편리한 기능인 flex를 통해 요소를 일정하게 배치하거나 정렬축을 바꾸는 등의 실습을 진행했습니다 ​ 3. 실습 코드 스크린샷