본문 바로가기

전체 글331

HTML 핵심 개념 : 자주 쓰는 텍스트 태그 제목 태그 ~ 한국 영화 한국 영화의 역사 1950년대: 침체기 1960년대: 황금기 1970년대: 쇠퇴기 1980년대: 암흑기 1990년대: 전환점 2000년대: 르네상스 2010년대: 최전성기 2020년대: 대격변 유명한 한국 감독 박찬욱 봉준호 임권택 김기덕 김기영 최동훈 본문 한국 영화 한국 영화의 역사 1950년대: 침체기 1950년대에는 한국전쟁이 일어나면서 영화계는 침체를 맞게 됩니다. 하지만 1950년대 중반을 지나서 그 사이 발전된 기술에 힘입어 점점 많은 영화가 나오기 시작하더니 1950년대 후반에 들어서는 1년에 100편 가까이 제작되었습니다. 1960년대: 황금기 ... 줄바꿈 1950년대에는 한국전쟁이 일어나면서 영화계는 침체를 맞게 됩니다. 하지만 1950년대 중반을 지나서 그 .. 2023. 9. 18.
HTML 핵심 개념 : 링크 정리 링크의 상대 주소 (Relative URL) 현재 폴더는 점 한 개 (./) 로 표시하고, 상위 폴더는 점 두 개 (../) 로 표시함 최상위 폴더는 경로 맨 앞에 / 로 시작 특별히 index.html 파일은 이름을 생략하고 폴더 이름만 쓸 수 있음 URI 프래그먼트 (URI Fragment) 페이지의 특정 부분을 가리키는 주소 원하는 곳에 id 속성을 지정해두고, 링크 주소로 사용할 때는 맨 끝에 #으로 시작하는 #아이디-이름을 쓰면 됨 팀 버너스리는 "인터넷 사용 자체가 인권"[1]이라고 말했다. ... [1] 서울디지털포럼 2013 기조연설 target 속성 새 창(새 탭)으로 열거나 현재 창 또는 내가 원하는 창으로 열 수 있음 네이버 영화 네이버 영화 네이버 영화 다음 영화 imbd 2023. 9. 18.
HTML 핵심 개념 : 다양한 링크 동작 https://www.iana.org/assignments/uri-schemes/uri-schemes.xhtml Uniform Resource Identifier (URI) Schemes info Information Assets with Identifiers in Public Namespaces. [RFC4452] (section 3) defines an "info" registry of public namespaces, which is maintained by NISO and can be accessed from [http://info-uri.info/]. Permanent - [RFC4452] www.iana.org 이메일 보내기 malito: 이 링크를 클릭하면 이메일 프로그램이나 이메일 앱을 열.. 2023. 9. 18.
CSS 핵심 개념 : 스타일 계산하기 정리 캐스케이드 (Cascade) 최종적으로 적용할 CSS 속성들을 결정할 때, 계단식 폭포처럼 CSS 규칙을 순서에 따라 합쳐서 작용하는 것 우선순위가 높은 규칙일수록 우선적으로 속성을 적용함 스타일 시트의 종류 브라우저에서 기본으로 제공하는 스타일시트(User Agent Stylesheet)는 똑같은 선택자를 쓰고 있다면 우리가 작성한 코드보다 우선순위가 낮음 예를 들어서 브라우저 기본 CSS에서 아래처럼 쓰고 있다고 가정 h2 { display: block; font-size: 1.5em; ... font-weight: bold; } 이 때, 우리가 style.css 파일에서 아래처럼 쓰면, 우리가 작성한 스타일시트(Author Stylesheet)의 우선순위가 더 높기 때문에 글자 크기는 2em이 됨 .. 2023. 9. 18.
프로그래밍 시작하기 in JavaScript : 작명 가이드 꼭 지켜야 하는 룰 (지키지 않으면 오류) 1. JavaScript 식별자는 문자, 밑줄 혹은 달러 기호로 시작해야 함 (두 번째 글자부터는 숫자도 가능) 2. 대문자와 소문자 구별 3. 예약어는 사용하면 안 됨 지키면 좋은 룰 (더 좋은 스타일을 위해) 1. 의미 없는 이름은 좋지 않음 2. 너무 추상적인 이름은 좋지 않음 3. 모든 변수 이름은 'camelCase'로 쓰는 것이 좋음 https://github.com/ParkSB/javascript-style-guide GitHub - parksb/javascript-style-guide: Airbnb JavaScript 스타일 가이드 Airbnb JavaScript 스타일 가이드. Contribute to parksb/javascript-style-.. 2023. 9. 18.
CSS 핵심 개념 : 선택자 레시피 모든 곳에서 border-box를 쓰고 싶을 때 박스 모델의 크기는 기본적으로 콘텐트(context-box)를 기준으로 정해짐 모든 요소의 크기를 테두리(border-box)를 기준으로 하고 싶다면 아래처럼 추가하고 쓰면 됨 항상 이 코드를 추가하는 것도 좋음 * { box-sizing: border-box; } 같은 클래스지만 변화를 주고 싶을 때 똑같은 상품 버튼이지만, 품절된 상품의 버튼을 보여줄 때나 똑같은 이미지이지만 유저가 선택한 이미지를 보여줄 때처럼 같은 클래스지만 살짝 다른 경우에 쓰면 좋음 메인 소개 글 .menu { background-color: #000000; padding: 16px; } .menu-link { color: #ffffff; font-weight: bold; tex.. 2023. 9. 2.

티스토리툴바