회고록 블로그

이전글 참고하기 2022.04.07 - [2. 개발 공부/HTML+CSS] - [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (2) [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (2) 이전글 참고하기 2022.04.07 - [2. 개발 공부/HTML+CSS] - [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) ※ 필자는 초초 cinnamonc.tistory.com ※ 필자는 초초초보자입니다. 틀린 내용은 언제든지 피드백 부탁드립니다. HTML, CSS, 이미지 파일 등을 통해 웹 페이지를 화면에 보여주는건 동작 방식을 어느정도 이해했지만 그 동작 방식에 자바스..

이전글 참고하기 2022.04.07 - [2. 개발 공부/HTML+CSS] - [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) ※ 필자는 초초초초보입니다. 틀린 내용이나 피드백은 언제든지 환영합니다. 한번도 브라우저에서 HTML, CSS, JavaScript가 동작하는 방법에 대해서 공부해본 적이 없다. 웹 프론트엔드를 공부하고 cinnamonc.tistory.com ※ 필자는 초초초보자입니다. 틀린 내용은 언제든지 피드백 부탁드립니다. 기본적인 공부 자료의 출처는 Naver D2 "브라우저는 어떻게 동작하는가?" 입니다. 출처 : https://d2.naver.com/helloworld/59361 ✅ ..

※ 필자는 초초초초보입니다. 틀린 내용이나 피드백은 언제든지 환영합니다. 한번도 브라우저에서 HTML, CSS, JavaScript가 동작하는 방법에 대해서 공부해본 적이 없다. 웹 프론트엔드를 공부하고 있으면서 웹 브라우저에서 언어가 어떻게 동작하는지도 모른다니.. 음계도 모르고 건반으로 연주하는 격이다. (물론 그게 가능한 천재도 있겠지만, 일단 그 천재가 난 아니다) 그래서 HTML과 CSS에 대해서 공부하다보면 한번쯤 궁금해지는 그 내용에 대해서 공부해보려고 한다. 과연 브라우저에서 HTML과 CSS는 어떻게 작동되는 것일까. ✅ '웹 브라우저' 구성 요소 HTML, CSS, JavaScript를 작동시켜주는 웹 브라우저에 대해 먼저 이해 해야할 것 같다. 브라우저(Browser)의 종류는 참 다..

인프런에서 수코딩님의 '만들면서 배우는 HTML/CSS' 강의를 들으며 CSS를 복습하고 있는데, 듣다가 꼭 필기해둬야 할 것 같은 내용을 찾게 되어서 정리해두려고 한다. 만약 태그로 감싼 컨텐츠를 나란히 일렬로 붙여서 정렬하고 싶다면? 아래와 같은 HTML 문서가 있다고 가정하자. 1번 링크 2번 링크 3번 링크 이때 style.css 파일에는 아래와 같은 코드가 적혀있다. .content__list > li{ display: inline-block; height: 52px; border: 1px solid black; border-radius: 50%; } 위의 문서는 태그에 대해서 블록(block)의 성격을 띄면서 inline으로 나란히 배치하도록 했다. (display: inline-block;)..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..