대외활동/개발 | KB국민은행 It's Your Life 5기10 [007] JavaScript 객체 클래스, 인스턴스 (Class, Instance)- 클래스 : 붕어빵 틀- 인스턴스 : 붕어빵 틀에 찍혀서 나온 붕어빵 (객체와 인스턴스는 유사) 객체 리터럴 (==객체 표현식)- 객체 자체가 아니라 객체를 정의하는 변수이다. => 그냥 정의된거 사용하는건 가능- 즉, 붕어빵 틀처럼 새롭게 객체를 찍어내서 생성하는 것이 불가능하다. => (let p = new product()) 불가능 - this는 해당 객체를 의미- . 연산자는 접근 연산자 ex) this.상품명 이면, this 객체인 product 객체의 상품명에 접근한다는 의미이다. 내장 객체- JS에서 자주 사용하는 것을 클래스로 미리 정의해둔 것 - window 객체웹 브라우저 자체를 의미내장 객체 중 최상위 객체- document .. 2024. 5. 28. [005] 부트스트랩(bootstrap) 부트스트랩?모든 CSS 문법을 외우면서 적용하기 힘들고 시간이 오래 걸린다.-> 이 작업을 쉽게 사용하게끔 오픈소스 프레임워크로 만들어 놓은 것이 부트스트랩이다.부트스트랩 사용 방법?부트스트랩 사이트 접속 : 구글에 '부트스트랩' 검색 또는 https://getbootstrap.kr/ 접속 - 외부 파일을 로컬 컴퓨터에 직접 다운로드 받아서 사용- CDN(Content Delivery Network) : 외부 사이트에 있는 파일을 링크해서 사용 - 코드는 https://getbootstrap.kr/docs/5.3/getting-started/introduction/ 에서 사용 Q. 부트스트랩 이외에 추가적인 class를 넣고 싶다면?부트스트랩 버튼을 사용하고 class 값을 hihi 라는 것을 더 추가.. 2024. 5. 27. [004] CSS CSS 적용 방법1. 외부파일 연결 - 여러 html 파일에서 공유하여 스타일을 동일하게 적용하고 싶은 경우 2. style 태그 사용 - 해당 html 문서 내에서만 스타일을 적용하고 싶은 경우 3. html 태그 내 사용 (inline 방식) - 해당 태그에서만 스타일을 적용하고 싶은 경우page3 입니다. 기본 선택자 (★★★)- 이전에 했던 크롤링 선택자와 같음. 1) 태그 선택 - 태그명a 태그인 것의 색을 red로 바꿔라.a { color : red;} 2) 클래스 - .클래스명클래스 이름이 class_name 인 것의 색을 red로 바꿔라.- 클래스명은 여러 개 중복되어도 된다..class_name { color : red;} 3) id - #아이디명아이디 이름이 id_name 인 것의 색을.. 2024. 5. 25. [003] HTML 기본 HTML 태그 vs 속성태그 : img속성 : src, alt 첫 HTMLvscode에서 ! 입력 후 enter - 외우지 말고 https://www.w3schools.com/tags/default.asp 사이트에서 찾아보기 태그 (실습 중요★★)- 과거에는 화면 배치를 table 태그로 했었다. (현재는 div 태그로 대체) : 표의 테두리를 만들어준다. : 가로 줄 한 줄을 만들어 준다. (table row) : 표의 제목을 진하게 표현해준다. (table heading) : 한 칸을 만들어 준다. (table definition) 속성값으로 width, height을 줄 수 있다.colspan 속성 : 가로 병합rowspan 속성 : 세로 병합 .. 2024. 5. 12. 이전 1 2 3 다음
