분류 전체보기212 1일차. HTML, CSS(3) ul, ol, li ul이나 ol안에 li가 있다. ul이나 ol이 block이기 때문에 안에 li도 block요소라고 생각하면 된다. (실제로는 list-item이라는 display속성을 가지고 있지만 block속성이라고 생각하자.) 정리가 안되있을 때 내가 beautify깔고 키보드 키맵핑을 해놓은 cmd + alt + l을 이용해서 정리하자. dl, dt, dd dl은 dt와 dd만 포함해야 한다. dt는 용어 dd 설명 dt와 dd가 세트로 나열된다. dl dt dd는 모두 block요소다. dl안에는 div가 들어갈 수 없다. 스타일링 하기가 어렵다. 그래서 많이 활용되지 않는다. 그러면 스타일을 위해 어떻게 사용하나? ul(ol) li로 사용을 많이 한다. 바꾸면 아래가 예시가 된다. Coff.. 2021. 7. 12. 1일차. HTML, CSS(2) 블럭 요소 : DIV, H1, P 최대한의 너비를 사용한다. 크기를 지정할 수 있다. width:100% height:0 으로 시작(이 값을 가지는게 아니고 시작하는 값이다. 이렇게 입력해보면 아예 안나올것이다.) 인라인 요소 : SPAN, IMG 필요한 만큼 너비를 사용한다. 크기를 지정할 수 없다. width:0, height:0 으로 시작. 브라우저상에서 설정되어 있는 것은 width:auto, height:auto로 설정되어 있을텐데 이 auto라는 것이 위 블럭요소와 인라인 요소의 값을 가지고 시작하는 것을 의미한다. 아래와 같이 이렇게 입력하면 위 인라인요소 3개는 붙어서 나오고 밑에 2개는 앞뒤에 띄어쓰기를 포함한채 나온다. 인라인 요소는 padding이나 margin에서 위아래 값을 가질 .. 2021. 7. 12. 1일차. HTML, CSS(1) 빈 태그(셀프 클로징 태그) 예를 들어서 img태그가 있다. 종류에는 뒤에 /가 없는 빈 태그 뒤에 /가 있는 빈 태그가 있다. html5에서는 두개다 쓸 수 있다. 혼용하지만 않으면 되고 환경에 따라 한가지 방식만 써야할 수 있다. DOCTYPE(DTD) html에도 버전이 있다. 기본적으로 6가지가 있다. 1, 2, 3, 4, XHTML, 5 html5버전으로 작성하고자 한다면 이렇게 하면 되는데 10년전까지만해도 xhtml을 사용해서 유지보수를 해야 한다면 html파일 제일 상단에 해당 버전에 맞는 doctype을 설정해야 한다. meta태그 meta태그는 웹 페이지의 기타 모든 정보를 표현할 수 있다. 문자 인코딩 방식, 검색엔진에게 제공하기 위한 정보의 종류(메타 데이터 / author(제작자).. 2021. 7. 12. 1일차. HTML, CSS 기본적으로 알고있어야 하는 지식 웹 표준 웹에서 사용되는 표준 기술이나 규칙을 의미하며 W3C의 권고안에서 나온 기술들이 여기에 해당한다. 이 표준 기술들을 기준으로 웹 브라우저들(크롬, IE, 사파리 등)이 만들어지는데 브라우저를 만드는 업체(구글, MS, 애플 등)에서 표준 기술을 해석하는 차이, 새로운 기술 삽입(표준화 제정 단계에 따른) 등으로 조금은 다르게 구동되는 브라우저가 생긴다. 표준화 제정 단계의 권고안(REC)에 해당하는 기술을 표준이라고 생각하면 쉽다. 크로스 브라우징 다양한 브라우저에서 동등하게 사용될 수 있도록 하는 것 웹 접근성 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해서 모든 사용자가 동등하게 접근할 수 있는 웹 콘텐츠를 제작하는 방법을 말한다. 웹 콘텐츠 제작 기법 한국형 웹 .. 2021. 7. 12. m1 맥에서 nvm설치해서 node.js 버전관리하기 https://webruden.tistory.com/271 NVM을 활용해서 쉽고 효율적이게 노드(Node.js) 버전을 관리해보자 노드(Node.js)를 사용하는 분이라면 여러 프로젝트를 관리하면서 여러 노드 버전을 사용해야 될 상황이 오게 됩니다. 프로젝트를 변경할 때마다 해당하는 특정 노드 버전을 설치해주는 것은 굉장 webruden.tistory.com * ~./zshrc 에 설정하고 나서 esc -> :wq로 빠져나오고 아래 명령을 실행해서 저장해준다. ~ % source ~/.zshrc * 나는 node.js가 m1을 지원하기 시작한 15버전을 설치했다. 혹시나 지금 듣는 교육에서 다른 설치해야 한다면 nvm을 설치해놨기 때문에 언제든지 다른버전 사용이 가능하다. 2021. 7. 12. m1 맥에서 homebrew 작동이 안될 때 https://designdepot.tistory.com/209 2021. 7. 10. 이전 1 ··· 6 7 8 9 10 11 12 ··· 36 다음