공부 기록일지📚

성배 레이아웃은 사람들이 성배를 찾기 위해 노력하지만 못찾은 것처럼 완벽한 레이아웃만들기에 비유해서 만들어진 말입니다. 위와 같은 레이아웃을 비유적으로 성배 레이아웃이라 하는데 이 모양을 만들어내는데 flex를 사용하면 간편하게 달성할 수 있습니다. 생활코딩 html css javascript AD 홈페이지 ->main에 있는 lorem1000 부분은 양이 너무 많아서 주석 처리 해놨습니다. main 내부에 content를 랜덤으로된 1000글자를 주면 성배 레이아웃의 모습을 제대로 볼 수 있습니다. Properties for the flex container flex-direction row /*기본값*/ row-reverse column column-reverse flex-direction row /..

flex - 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구, 레이아웃을 효과적으로 표현 가능 부여되는 속성을 나타낸 차트▼ Container item display order flex-direction /*기본값: row 행의 방향 column 수직*/ flex-grow /*기본값 0*/ flex-wrap flex-shrink flex-flow flex-basis justify-content flex align-items align-self align-content container에 height를 지정해주어야 flex의 효과를 제대로 알 수 있습니다. item관련 flex속성 flex-basis flex의 방향에 해당되는 엘리먼트의 기본크기를 설정하는 속성, row 면 가로폭 , column이면 세로폭..

참고 사이트: https://uipac.com/451 CSS 네이밍 규칙 네이밍 규칙 공통 규칙 공통 네이밍 규칙 예 잘못된 예 올바른 예 설명 Tit_pop.html *-hidden-obj 03_btn_more.gif tit-section 시작이름은 영문 대문자, 숫자, 특수문자로 시작할 수 없다.(파일 및 폴더 제외) c. uipac.com simple ver https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=kty4523&logNo=221586270676 [작업가이드] 파일,CSS 네이밍 규칙 공통규칙 - 이름은 영문 소문자로만 시작할 수 있다. - '형태_의미_상태' 순서로 조합하며, 3단... blog.naver.com ht..

https://home.openweathermap.org/ Members Enter your email address and we will send you a link to reset your password. home.openweathermap.org 1. 회원가입 -> 이메일 확인 -> 로그인 2. 로그인 화면에서 API 클릭 3. API 중에서 내가 필요로 하는 API 쓰기 4. API 적용하기(여러 방법이 있습니다.) (이 경우에는 아래의 URL에 알고 싶은 위치의 latitude 값과 longitude값 그리고 내 API 키를 넣어주면 됩니다. //주황색으로 표기되어 있는 부분, {} 중괄호 내부에 쓰는게 아니라 주황색 부분을 아예 대체하시면 됩니다.) 결과물이 아래와 같은 식으로 뜰텐데 chr..

보호되어 있는 글입니다.