둘다 cross-axis를 기준으로 정렬한다. align-content 여러줄로 요소들이 배치되어 있을 때, 이 여러줄에 대하여 적용된다. 따라서 한줄만으로 이루어져 있거나, nowrap속성이 적용되어 있다면 적용되지 않는다. justify-content와 같이 space-around 등의 속성을 사용할 수 있다. align-items 여러줄이든 아니든 상관없다. 하나의 줄 내에 있는 요소들에 적용된다.
css
html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..
밑에 완성샷이랑 보완점+깃허브 링크 있어욥 노마드코더 웹사이트에서 자바스크립트 초보자를 위한 강의를 찾았다. 저번 포스팅에도 썼지만, 그때는 강의를 완강했을 시점에 작성했다. 일단 자바스크립트를 배우려고 들었는데, 완성하고보니까 그냥 글, 사진만 띡 올라가있는 개허접한 사이트가 완성;; 차마 거슬려서 그냥 두고볼수가 없었다. 급하게 html, css 기초강의를 찾았다. 가능하면 노마드코더 사이트에서 듣고싶었지만, 무료강의가 없음 ㅠㅠ 유튜브 찾아보니 천사같은 갓개발자님의 기초강의가 있어서 열심히 봤다. "드림코딩 엘리" 님의 강의인데, 강의스타일이 엄~~~~~~~청나게 조근조근 차분하시고 굉장히 체계적이다. 심지어 프론트엔드 커리큘럼 정리해둔 노션도 있음 https://www.notion.so/277f2..
