display: flex; flex-direction: column; align-items: center; justify-content: center;
🔻Front-End/Html CSS
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. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 css의 기능을 가지고 콘텐츠의 모양을 자유자재로 바꾸거나 도형을 회전하는 등의 실습을 진행했습니다. 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 css로 배경에 사진이나 그라데이션 등을 넣고, position으로 요소를 자유롭게 배치하는 법에 대해 공부했습니다. 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 html에 css파일을 불러와서 스타일 효과를 주는 실습을 했고 다양한 요소에 접근하는 방법과 폰트 지정하는 방법에 대해서 다시 복습할 수 있게 되었습니다. 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 웹페이지를 만들기 위한 전체적인 개괄과 html의 문법을 복습했습니다. 3. 실습 코드 스크린샷
1. 기억에 남는 내용 웹을 만드는 것의 기본적인 언어인 html과 css, 자바스크립트를 한 번에 공부할 수 있는 책을 통해서 웹 프로그래밍의 전반적인 과정을 알 수 있던 것 같다. 기본서를 통해 학습을 하고 나중에 실전에 적용해볼 수 있게 여러번 학습하는 것이 중요하게 느껴졌다. 이 책은 웹 프로그래밍의 입문자들에게 잘 맞는 책인 것 같고 이를 기반으로 여러 프레임워크나 디자인 등을 배울 수 있을 것 같다. 2. 완독 후기, 카드뉴스 링크 https://blog.naver.com/radiant515/222672266960 🐳Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 저번에는 안드로이드 앱에 대해 배웠기 때문에 이번에는 웹프로그래밍에 대해 배워보기 위해 이 책을 선택... bl..
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 오늘 드디어 자바스크립트를 전부 다 봤습니다. DOM에 대해서 아직 많은 공부가 필요한 것 같지만 책을 끝내서 기분이 좋습니다. 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 자바스크립트의 함수 선언과 익명 함수 사용법과 문서의 객체들에 대해 공부했습니다. 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 자바스크립트의 기본 문법에 대해 학습했습니다. 다른 프로그래밍 언어들과 크게 다르지 않아 쉽게 공부했습니다! 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 오늘 자바스트립트에 대한 기본적인 개념과 코드 작성법, 입출력 등을 배웠습니다. 체계적으로 배우는 것은 처음이라 꼼꼼히 공부하려고 노력해보겠습니다. 3. 실습 코드 스크린샷
1. 스터디 사진 2. 스터디에서 어려웠던 점, 새로 알게된 점 오늘은 현재 많이 쓰이는 반응형 웹을 만드는 법을 배웠습니다. 크기가 변할 때마다 웹구성이 바뀔 수 있게 하는 것이 흥미롭게 느껴졌습니다. 12장을 마지막으로 css를 마무리했고 다음부터는 자바스크립트에 대해서 공부할 예정입니다. 3. 실습 코드 스크린샷
