간략 설명: 프로그램 제작 시 필요한 기능비교 설명: 자동차 바퀴, 자동차 헤드라이트, 자동차 에어백예시 : jQuery재 사용이 필요한 기능 ( 반복적인 코드 작성을 없애기 위해 ) 언제든지 필요한 곳에서 호출하여 사용 가능Class나 Function으로 만들어짐그
테스트를 할 때: 필수적master branch 금지 (유저 볼 수 있음)레이아웃 영향 多 순서, 인접 속성끼리 묶어서 작성속성 순서 \- Layout Properties (position, float, clear, display) \- Box
wecode2 라는 repository 생성 cd Desktopcd testmkdir wecode2cd wecode2git initgit init 완료 후 사진 과 같으면 성공 vi 파일명(→ 해당 파일로 이동)파일 내부에 i를 누르면 입력할 수 있는 모드
브라우저를 통해 사용자가 서버에 웹사이트를 요청하면 서버에서 브라우저로 응답하는 방식요청과 응답의 관계 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대 해주는 서비스 인터넷에 띄운다는 것은 홈페이지의 구성 파일들이 (html, css, js) 인터넷
A 변수 verb와 project가 가지는 값에 따라 다른 키와 다른 값을 가지는게 가능 B 키와 값: 고정순서가 보장되지 않은 순회어떤 객체가 가지고 있는 키들의 목록을 배열로 리턴하는 메소드객체 생성자인 Object 가 직접 가지고 있는 메소드응용\_반복
페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델역할: HTML인 웹페이지와 스크립팅언어(JavaScript)를 서로 이어줌JavaScript가 웹 페이지에 접근하고, 페이지 수정하는 것을 가능하게 함JavaScript의 document 객체
LocalStorage, SessionStorage, Cookie의 차이점Local Storage영구 저장소 저장한 데이터를 명시적으로 지우지 않는 이상 영구적으로 보관이 가능도메인마다 별도로 로컬 스토로지Windows 전역 객체의 LocalStorage라는 컬렉션을
display의 값 기본 값: block, inline, inline-block, none 이 외: list-item, table 등 전체 목록 링크 block 요소 대부분의 HTML element(이하 요소)가 해당 의미 이
주 사용이미지 주변에 텍스트를 감싸기페이지 전체의 레이아웃을 잡을 때과거에 레이아웃 잡는데 사용함.최근 레이아웃 잡는데 사용하는 것 flex > float none : 요소를 띄우지 않습니다. (default)left : 요소 자신을 포함하고 있는 컨테이너의 왼쪽으로
요소의 위치 지정기본 값정적(static) 엘리먼트는 위치가 지정된 것이 아니라고 표현 static이 아닌 다른 값으로 지정된 엘리먼트에 대해 위치가 지정됐다고 표현 딱히 위치 이동 x ( 별도의 프로퍼티를 지정하지 않는 이상 )top, right, bottom
Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들
조건식으로만 동작.반복할 코드 안에 조건식이 영향을 주는 변화식이 들어감.난수를 생성해서 숫자에 따라 반복을 끝내자난수 규칙 없이 무작위로 나열되는 숫자난수를 생성하려면 random모듈이 필요함import 모듈예시 Q : a와 b사이의 난수를 생성한 뒤 특정 값이
정의 반복문을 끝낸다. ↓ while : 100-1=99까지 출력for : 100까지 출력정의 아래에 있는 명령어를 수행하지 않으면서 반복문을 다시 시작한다. ↓ ↓ 예시 1예시 2break : 완전히 끝냄continue : 아래에 있는
방식: range에서 in으로 숫자를 하나하나 꺼내서 반복for는 숫자를 꺼낼 때마다 코드를 실행 ↓ 동작과정 형식※ 주의range는 숫자가 증가하는 기본 값이 양수 1임.형식for에 range 대신 시퀀스 객체(리스트, 튜플, 문자열 등)를 넣어도 됨예시reve
불(boolean) : 참(True), 거짓(False)을 나타냄비교 연산자: 두 값의 관계를 판단 논리 연산자: 두 값의 논릿값을 판단 → 둘 다 프로그래밍에서 매우 광범위하게 쓰임 → if, while 구문을 작성할 때 자주 사용함. 파이썬에서는 비교/논리
for 문반복횟수 명확히 알고 있을 때가장 많이 사용 (가독성, 편함 ↑)while문조건에 따라 반복횟수를 결정해야 할 때do-while문while문과의 차이점: 조건을 먼저 검사하느냐 나중에 검사하느냐 while문과의 공통점: 기본적인 로직은 같다.for문, whi
변수란? 정보를 저장할 수 있는 공간에 이름을 붙인 것이다. → 비유 변수 = 박스 변수명 = 박스에 붙인 라벨 변수 값 = 박스 안의 내용물 → 변수 만든 것 박스를 조립하고 라벨을 붙이는 것은, 변수를 선언하는 것이다. 박스에 내용
문자열: 문장이라는 뜻. ex. 자바에서 문자열에 해당하는 자료형은 String이다. 위 문자열을 자바에서 표현하려면 아래와 같다.
백틱( \` (esc키 밑에 있음))을 사용줄바꿈 지원: 단순 코드상의 줄바꿈을 통해서.문자열 안에서 자유로운 따옴표 사용${변수명}의 형태로 특정 변수 전달 가능(변수명 형태)${} 안에서 특정 표현식 사용/ 간단한 연산 가능(특정 표현식)(간단한 연산 (위 코드는
slice 일명 : 뽑아내기 arr.slice([begin[, end]]) 배열의 일부분을 잘라내어, 새로운 배열로 리턴하기 위해서 사용 slice 함수는 잘라낼 배열의 시작index와 end index를 파라미터로 받아서, 그 사이의 원소들을 새로운 배열로 만들어서