Study/초록개굴
-
GIT (commit, push, pull, merge, clone)Study/초록개굴 2021. 7. 18. 20:17
GIT - 소스코드를 효과적으로 관리하기 위해 개발된 '분산형 버전 관리 시스템' - 소스코드가 변경된 이력을 쉽게 확인가능, 특정 시점에 저장된 버전과 비교하거나 특정 시점으로 되돌아갈 수 있음 원격 저장소: 파일이 원격 저장소 전용 서벙서 관리되며 여려 사람이 함께 공유하기 위한 저장소 로컬 저장소: 내 PC에 파일이 저장되는 개인 전용 저장소 커밋 ( commit ) - 파일 및 폴더의 추가/변경 사항을 로컬 저장소에 기록 ( 커밋 메시지를 필수로 입력 ) 푸시 ( push ) - 웹 상의 원격 저장소로 변경된 파일을 업로드하는 것 - push를 실행하면, 원격 저장소에 내 변경 이력이 업로드되어, 원격 저장소와 로컬 저장소가 동일한 상태가 됨 풀 ( pull ) - 원격 저장소에서 로컬 저장소로 ..
-
[ JS 스터디 ] JSON / AJAXStudy/초록개굴 2021. 6. 7. 00:13
[JS 스터디] JSON 의 이해 첨부된 json 파일을 컴퓨터에 다운로드하여 아래와 같이 html 문서를 만들어 보세요. html 안에서 json 파일을 로딩하여 테이블을 만듭니다. 학습목표 JSON 통신 방법을 이해한다. AJAX 구현방식을 이해 hebees.tistory.com AJAX란? - 비동기 자바스크립트와 XML(Asynchronous JavaScript And XML) 간단하게 말하면, 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는것을 말한다. AJAX의 주요 두가지 특징 - 페이지 새로고침 없이 서버에 요청 ( 데이터 이용량은 줄이고, 페이지를 새로고침하는 시간도 줄임 ) - 서버로부터 데이터를 받고 작업을 수행 jQuery // javascript $(document..
-
JavaScript / window객체, DOM, eventStudy/초록개굴 2021. 4. 30. 14:21
자바스크립트, HTML, CSS HTML : 웹페이지의 구조 CSS : 웹페이지 안에 있는 요소의 스타일 Javascript : 로직을 통해 문서의 구조와 스타일에 변화를 줌 브라우저는 자바스트립트에서 HTML과 CSS에 접근할 수 있는 API를 제공 window 객체 브라우저에서 window 객체라는 것을 제공 브라우저에서 js를 실행할 때 가장 상위에 있는 객체 js는 window 객체를 통해 각종 HTML 요소나 CSS에 접근하여 구조와 스타일을 조작 📌 window 속성 window.location 현재 브라우저의 주소를 볼 수 있음 window.location.href 현재 브라우저의 주소 창에 입력된 주소를 볼 수 있음 이 값을 수정하면 입력된 주소로 페이지가 이동 window.navigato..
-
Javascript / scope, shadowing, method, this, closureStudy/초록개굴 2021. 4. 29. 19:28
변수의 유효범위 ( Scope ) 🧐 변수가 어느 위치에서 유효한가? var는 function을 기준으로 let, const는 {}블록을 기준으로 함 변수 => var, let (ES6) 상수 => const (ES6) // var scope function a(){ // a() 함수 생성 var v_a = "a"; // 변수 v_a 초기화 function b(){ // a() 함수 안에 b() 함수를 생성 var v_b = "b"; // b() 함수 안에서 변수 v_b를 초기화 console.log(`b function : ${typeof (v)}, ${typeof (v_a)}, ${typeof (v_b)}`); } b(); // a() 함수 안에서 b() 함수를 호출 console.log(`a fun..
-
JavaScript / 반복문Study/초록개굴 2021. 4. 29. 19:20
반복문 📌 반복문 종류 while 조건식이 true인 동안 반복 실행 continue, break => 코드를 제어하는 키워드 do-while do{} 블럭안의 코드를 한번 실행 하고, while 조건식이 true인 동안 반복 실행 for 반복횟수를 명확하게 알고있을때 사용, 주로 배열과 함께 사용 for-in 객체의 속성을 나열할 수 있음, Object.key(객체) ⇒ 객체의 key값을 가져오는 함수(배열로 반환) 💡 사용예 while문은 조건에 따라 반복횟수를 결정해야할 때 사용 무한루프 코드 만들때 사용 // while문 형식 while(조건식){ // 조건식이 연산결과가 참(true)인 동안, 반복될 코드작성 // continue 키워드를 만나면 뒤에 있는 코드를 모두 건너뜀 // break 키..