TIL

2022.03.29 Today I Learned📚 URL (Uniform Resource Locator) >With Hypertext and HTTP, URL is one of the key concepts of the Web. It is the mechanism

직역하면 살아있는 표준이다. 흔히 HTML5라고 알려져 있지만, 정식 명칭은 HTML Living Standard 이다. Until 2019, the W3C published a competing HTML5 standard with version numbers. Sin

<ol> ordered list. 숫서 있는 목차 <ul> unordered list. 숫서 없는 목차<li> list. 목차. 각 항목들을 나열하는 태그. <ol> 과 <ul> 의 자식요소dl definition list. 정의 목록dt

2022.03.30 Today I Learned📚 Text-level semantics `` ``

2022.03.30 Today I Learned📚 📝Embedded content > Embedded content is content that imports another resource into the document, or content from anothe

2022.03.31 Today I Learned📚 GitHub, Git 이란 Git: 분산 버전 관리 툴 GitHub: Git을 관리해주는 웹 호스팅 서비스

2022.03.31 Today I Learned📚 🔧Git 버전확인 사용자 정보 설정 저장소 만들기 mkdir 작업할 디렉토리를 만들기 cd 생성한 디렉토리로 이동하기 git init 입력하면 해당 폴더 기준으로 .git(로컬 저장소)가 생성된다. 로컬 저

2022.03.31 Today I Learned📚 3. iframe

2022.03.31 Today I Learned📚

2022.04.01 Today I Learned📚 🌈ALLDAY CSS 오늘은 Veamcamp 이종찬 대표님의 CSS 특강이 있었다. 평소 CSS로 디자인 하는 것을 좋아해서 오늘 특강이 기대됐다. 이종찬 대표님께서도 CSS를 가장 좋아하신다고 하셨다..! 직접

2022.04.05 Today I Learned📚 table `` 테이블을 생성할 때 사용한다. 여러 요소들을 묶어주는 container 요소이다. >`` 의 자식 요소들 `` 제목 `` 행 `` 열 `` 셀 `` 셀의 제목 등 caption `` 테이블의 제목

2022.04.05 Today I Learned📚 CSS > HTML: 웹의 뼈대 CSS: HTML을 꾸며주는 가죽, 피부 Cascading Style Sheets. Cascade →'폭포가 되어 떨어지다' CSS 스타일이 적용될 때 우선순위를 가지고 적용되는데,

2022.04.06 Today I Learned📚 CSS를 왜 Reset 해야할까? 브라우저마다 제공하는 기본 스타일이 각기 다르다. 만약 어떤 디자인을 구현해야 한다면, 각 브라우저에 따라 다른 스타일을 부여해야하는 문제가 생긴다. 뿐만 아니라, 같은 스타일값을

요소와 요소의 사이에 margin-top 혹은 margin-bottom의 공간이 있을 경우 더 높은 값의 마진 값이 적용되는 현상부모 요소와 자식 요소가 존재할 때, 자식 요소의 margin-top 혹은 margin-bottom 값이 부모의 높이에 영향을 미치지 않는

2022.04.07 Today I Learned📚 border 보더는 보더 박스 영역의 스타일을 정의한다. 보더는 요소가 차지하는 전체 너비와 높이의 일부이다. border-width → 선의 두께와 관련된 속성 border-style → 선의 모양과 관련된

화면에 특정 영역을 보이지 않게 하기 위해 몇 가지 CSS 속성을 적용시킬 수 있다.!codepensoheeyeo/embed/xxpWYaM?default-tab=html%2Cresult위의 예시에서 볼 수 있듯, 컨텐츠가 박스의 크기를 넘어가더라도 넘어간 그대로 출력되

2022.04.11 Today I Learned📚 CSS 중앙정렬

flex item 들의 크기를 지정해준다. axis 방향이 row일 경우 넓이, column일 경우 높이를 설정한다.만약 flex-basis 값이 적용되어 있다면 width, height 값은 무시된다.flex-basis의 값에서 더 늘어나도 되는지 지정하는 값으로,

checkbox를 설정하면 기본 스타일이 적용되어 나타난다. 하지만 기본 스타일을 그대로 사용하지 않고 원하는 디자인으로 조금 더 예쁘게 커스터마이징 할 수 있다. Checkbox를 이미지로 대체해보자.새로운 checkbox를 만들기 위해 기존의 checkbox를 숨긴

2022.04.19 Today I Learned📚

2022.05.10 Today I Learned📚 🙋‍♀️먼저 나의 회고록 아주아주 오랜만에 블로그에 글을 올린다. TIL 작성을 중단했던 가장 큰 이유는 나를 돌아보기 위해서이다. 심적으로 휘둘리는 내 자신을 발견하였다. 나의 힘듦을 이겨내는 방법 중 하나는 모

function 키워드 대신 화살표 => 를 사용하여 기존의 함수 정의 방식보다 간략하게 함수를 정의할 수 있다. 기존 함수 표현식에서 function 키워드를 삭제하고 매개변수의 () 와 코드블록{} 사이에 화살표 ⇒ 를 넣어준다. 함수 내부에 반환값(return)만

바닐라 JS로 SPA를 구현하는 중, a태그 클릭 시 화면 이동이 아닌 같은 페이지에 element들이 중복 렌더링되는 오류가 발생하였다. router.js를 살펴보면, root가 초기화 된 후 view의 component가 렌더링되어야 하는데 초기화가 이루어지지 않는