studylog..💭

1.  수업 소개HTML은 정적이라 한 번 화면에 출력되면 언제나 그 모습 그대로만 존재한다.그래서 사용자들과 동적으로 상호작용하는 웹페이지를 만들고싶다는 사람들의 욕망이 생겨났다.-> 이를 위해 만들어진 기술이 JavaScript !! 이번 시간에는 night, day 버튼을 각각 추가해서 웹의 테마를 바꾸는 실습을 할 것이다. 3. HTML과 JS의 만남: script 태그기본적으로 Javascript는 HTML 위에서 동작하는 언어다.그래서 어떻게 하면 HTML이라는 컴퓨터 언어에 완전히 다른 문법을 지닌 Javascript를 낑겨넣을까를 이번 시간에 배울 것이다.   웹브라우저에게 HTML의 코드로 '지금부터 Javascript 가 시작된다'라는 걸 알려주는 태그가바로 태그이다. 해당 태그 내부..

: 줄바꿈 (줄바꿈이라는 시각적 의미만 가지고 있기 때문에, 닫지 않음): 단락 나눔 (어디서부터 어디까지가 한 단락인지 표현할 수 있기 때문에 닫히는 태그도 존재) : italic emphasis: bold emphasis : ordered list 생성할 때 : unordered list 생성할 때  - 이미지 추가 src="이미지 링크" alt="이미지 설명" />닫는 태그 따로 필요하지 않고, 마지막에 slash 하나 추가해주면 됨. 이미지 설명: 마우스 갖다댔을 때 뜨는 문구 - 동영상 추가 src="이미지 링크" > Video not supported 이미지 태그와 다르게 별도의 닫는 태그 필요width, height를 통해 -> 브라우저에 표시되는 비디오의 크기 설정 controls를 통해..

8. 박스 모델 오늘은 이 디자인을 만들기 위해 박스모델이라는 개념을 살펴볼 것이다. 각 태그가 얼마만큼의 부피를 차지하는지 시각적으로 확인하기 위해 테두리를 둘러주었다. h1 태그는 빨간색만큼의 화면 전체, a 태그는 파란색만큼 자기 자신의 크기만을 차지한다.전자는 block level element 라고 부르고, 후자는 inline element 라고 부른다. (element는 tag와 동일한 뜻이다)  그런데 노란색 형광펜처럼가장 밑에 display: inline; 코드를 추가해주면 inline element 로 변경할 수 있고,가장 밑에 display: block; 코드를 추가해주면 block level element 로 변경할 수 있다.  만약 border 부분 코드가 중복되어 싫다면 두번째 사..

생활코딩님의 강의를 보고 작성한 내용입니다.링크: https://www.youtube.com/watch?v=Ok0bBJPtgJI&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B2. CSS가 등장하기 전의 상황HTML을 통해서 문서를 만들 수 있게 된 이후에, 웹페이지를 더 아름답게 만들고싶은 사람들의 욕망이 생겨났다. 그렇다면 이미 존재하는 HTML이라는 언어에 디자인과 관련된 새로운 태그를 추가하는 것과, 아예 디자인에 최적화된 새로운 언어를 만드는 것 중 어떤것이 더 쉬울까? 당연히 전자가 쉽기 때문에, 사람들은 처음엔 전자의 방식을 채택했다.ex) 글자의 색상을 바꾸기 위한 태그가 등장 ...  그러나 사실 디자인에 대한 코드는 '정보'라고 할 수는 없다.웹페이지라는 '정보..

생활코딩님의 강의를 보고 작성한 내용입니다.링크: https://youtube.com/playlist?list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&si=6XhkNQ-uEYKeW3CK 10. html이 중요한 이유1.html을 아는 사람이 글을 작성하는 것과 일반인이 글을 작성하는 것에 차이가 발생하는 이유? (왼쪽) 일반인이 제목을 작성하는 방식: 시각적으로만 coding이라는 제목을 가짐(오른쪽) 지식인이 제목을 작성하는 방식: coding  검색 엔진에게 왼쪽의 'coding'은 실제 제목이 아니므로 제목 통해 검색 불가능-> 오른쪽 지식인의 글이 더 우세할 수 밖에 없음 이처럼 html을 의미에 맞게 작성하는 것은 매우 중요함 2.WEB의 개방성(accesibility)..