전체 글
-
[TIL]Day 5. java script 기초IT 지식 2020. 8. 17. 23:05
1. 를 쓰는 이유 -기존에는 웹 표준이 존재하지 않았기 때문에 java script를 사용하기 위해 를 사용해줘야 했다. 하지만 이제는, 웹의 표준이 java script로 정해졌기 때문에, 굳이 script 태그 뒤에 type을 java script라고 적어주지 않아도 된다. -해당 태그의 뜻은 text를 통해 java script를 구현하겠다는 뜻이다. 2. 데이터의 형식 및 값 -null 값은 프로그래머가 의도적으로 값을 지정하지 않은 상황 undefined 는 의도적이지 않게 값이 지정되지 않은 상황 -데이터의 형식 boolean – true/false number – 숫자 string – 문자열 undefined – undefined null – null && == and || == or -=..
-
[TIL]Day 4. HTML/CSS 정리 (4)IT 지식 2020. 8. 13. 23:28
1. ,, 태그 차이점 -는 분할하다 라는 의미의 division에서 따온 말로 html에서 한 가로 공간을 차지하는 태그이다 -태그는 단락 이라는 의미의 paragraph에서 따온 말로 문장에 대해 사용하는 태그이다. p태그도 div 태그와 마찬가지로 한 가로 공간을 차지하는 태그이다. 다만, div와의 차이점은 자체적으로 margin 값을 가지고 있다는 점이다. - 태그는 기간, 폭, 너비와 같은 뜻을 가지고 있는데 앞서 정리했던 게시글에서 말했던 것처럼 이는 inline 속성을 가지고 있으며, contents의 크기만큼만 공간을 차지한다. -div와 p는 block element로 한 가로 공간을 전부 차지하는 반면, span 태그는 inline 속성이라 한 줄에 여러 태그를 사용할 수 있다. -s..
-
[TIL]Day 3. HTML/CSS 정리(3)IT 지식 2020. 8. 12. 23:23
1. 태그를 가로 정렬 하는 법 html에서 어려운 것 중에 하나가 태그들을 배열하는 일이라고 생각한다. 오늘은 그 중 태그를 가로정렬 하는 것을 해보았다. 앞서 썼던 글 중에 태그를 float를 활용하여 정렬하는 내용이 있었는데, 그 방식은 너무 옆으로 붙는 느낌이 들어 이번엔 다른 방식을 사용해보기로 했다. 이 방식도 굉장히 간편했는데, 태그에 display: inline을 부여하는 것이었다. 이렇게 되면 요소들은 어제 정리한 내용처럼 한 줄에 나란히 정렬되게 된다. 하지만 어제 말했던 것처럼 좌우 값만 반영되고 그 외의 값들은 반영되지 않으므로 사용할 때를 잘 가려서 사용해야 할 것 같다. (어제 정리한 내용이었는데, 생각이 나지 않아 한참 구글링을 했다;;) 2. 스크롤 부드럽게 이동하기 하이퍼 ..
-
[TIL] Day 2. HTML/CSS 정리-2IT 지식 2020. 8. 11. 22:18
1. 이미지를 나란히 정렬하는 방법 -이미지 태그는 그 자체로 정렬하는 것이 쉽지 않음 -따라서 html이나 css에서 별도의 속성을 부여해주는 것이 좋음 -오늘 배우고 사용해본 방식은 float를 이용하는 것 -float는 해당 요소를 붕 뜨게(?) 만들어주는 방식인데, 공간은 차지하되 다른 요소들에 영향을 주지 않음으로써 보다 쉽게 요소들을 정리하고 정렬할 수 있게 만들어 줌 2. display-inline, inline-block, block의 차이점 -display 속성이 inline으로 지정된 요소는 줄바꿈 없이 한 줄에 나란히 정렬됨 (단, 주의해야 할 것은 margin, padding의 좌우 값만 반영되며 그 외의 상하 높이 값과 width와 height 값은 무시된다) (대표적 예시- , ..
-
[TIL]Day 1. HTML/CSS 코드 정리IT 지식 2020. 8. 10. 22:46
1. 의 의미 -초기 컴퓨터의 문자 인코딩 방식에 한계를 느껴 새롭게 개발된 확장용 인코딩. -가변 길이 문자 인코딩 방식 중 하나로 한 문자를 표현하기 위해 1~4byte를 사용하여 표현. -유니코드 방식의 현재 웹페이지를 만들 때, 다국어를 표현하기 위해 많이 사용. 2. 메타 뷰포트 태그를 사용하는 이유 -뷰포트란 웹페이지가 사용자에게 보여지는 영역 -과거 PC로만 인터넷을 사용하던 시대와는 달리 요즘은 다양한 기기를 통해 인터넷을 하다보니, 기기마다 뷰포트가 다양함 -따라서 뷰포트 태그를 이용해 렌더링 영역과 뷰포트의 크기를 같게 만들어준다. 3. Font Awesome을 활용하자. -Font Awesome을 활용하면 다양한 아이콘을 쉽게 사용할 수 있다. -Font Awesome을 사용하는 방법..