본문 바로가기

전체 글77

2022.03.07_20일차_javascript(3)ㅡㅡㅡㅡㅡ # 노드 탐색 : 객체는 객체 리터럴과 생성자함수 두가지 방법으로 생성할 수 있다. (class 문법) //세가지 모두 내부적으로는 다 생성자함수로 만들어지는것임... 1) 객체 리터럴 객체 : 이름과 값을 한쌍으로 묶은 데이터들을 여러개 모은 것. 연관배열 또는 사전이라고도 부름. # 객체 생성 var 참조변수 = {}; // 빈 객체 생성 var card1 = {shape : "하트", number :"A" }; //-----11:16 식별자로도 되고???????????????????????? var card2 = { "shape" : "하트", "number" :"A"}; //변수이름을 쌍따옴표에 넣어도됨. 문자열. 가능은 하지만 위에걸 더 많이씀 * 프로퍼티 : 객체에 포함된 데이터 하나(이름과 .. 2022. 3. 9.
2022.03.04_19일차_javascript(2) 19일차 학습내용 2) 스코프 : 변수 또는 함수의 유효범위를 말함 #1. 전역변수 Global Variable 선언위치 : 함수 밖, {} 밖 사용범위 : 자바스트립트 전체 영역 var a = 10; var a = 1.23; //이렇게 써도 에러가 안남 이름 동일해도... a = 100; // 이렇게 해도 자동으로 var로 하는 것과 동일... //문제: API 가져와서 쓸때가 변수 겹치는 경우가 생길 수 있어서 문제... //규칙 : 처음 만들때만 var / 변수이름 중복 피하기 / var보다 let const쓰기 #2. 지역변수 Local Vaariable (var 기준) 선언위치 : 함수 안 사용범위 : 함수 안에서만 가능 * 함수 안에서 동일이름의 변수에 대한 우선순위 : 지역 > 전역 (자바랑.. 2022. 3. 6.
2022.03.03_18일차_css(2), javascript(1) loginForm.html mycss.css fontawsome mediaquery 반응형 13. CSS media query와 반응형 레이아웃 적응형 웹 : 기기에 따라 다른걸 보여줌. 주소가 다름. www.naver.com / m.naver.com 반응형 웹 : 페이지 웹은 동일함. 웹주소 동일 텝의 모양위치같은데 화면사이즈에 맞게 변경. pixcel 디스플레이 구성하는 최소 단위, 동일 사이즈의 화면을 네모가 몇개냐가 해상도를 결정 필셀이 작아질수록..정밀한 이미지 구현. 작은화소의 이미지를 큰 화면에서 보면 이미지가 깨질 수. ppi pixcel per inch 필섹과 해상도는 별개 viewport : 화면상의 표시 영역. 스마트폰 virtual viewport 980으로 많이 설정함. 사용자가 .. 2022. 3. 5.
2022.03.01_17일차_css(1) 17일차 학습내용 1. css 2. css단위 3. css선택자 selector 4. box 모델 5. background 관련 속성 6. CSS block과 inline 7. position 속성 [css] 1. CSS Cascading Style Sheets HTML : 웹사이트 내용 나열 HTML5 CSS : 디자인 구성 css3 Javasscript : 웹 상에서 프로그래밍 언어라고 할 수 있다. 이벤트처리 등 여러 로직과 기능 구현하여 동적인 페이지로 보이게 가능. css 독립적으로 사용 불가. HTML에 디자인적 도움을 주는 언어. 1) CSS selector(선택자) HTML 문서의 특정 부분에 대해 렌더링 방법을 정의하기 위해서는 특정 부분을 선택하기 위해 선택자를 사용해야 함. 2) CS.. 2022. 3. 4.

티스토리툴바