꿈꾸는 수박씨 꿈꾸는 수박씨

1. Git Bash 터미널에서의 파일 시스템 명령어 tree (tree)→ 디렉터리/파일 구조를 확인하는 명령어. 여러 디렉터리도 탐색 가능// tree 디렉터리 하위 구조 확인// tree -d 디렉터리만 조회 (파일을 제외)// tree -a 디렉터리/숨김파일/파일 모두 조회// tree -L 1/ etc cp (copy)→ 디렉터리/파일 구조를 복사하는 명령어// cp (원본파일) (대상위치) 파일을 복사// cp (원본파일) (대상위치와 파일명) 파일을 다른 이름으로 복사 // cp -r (원본 위치) (대상 위치) 디렉터리 복사 // cp -r(원본 위치) 현재 디렉터리로 복사 mv (move)→ 디렉터리/파일 구조를 이동하는 명령어파일 명 수정도 가능 // mv (원본위치) (새..

1. Windows에서 Linux 실습 환경 구성(gitBash 이용) 윈도우에서 리눅스 실습을 진행하기 위해서는 gitBash와 Tree를 따로 다운받도록 하자. 1. git, git bash 설치https://git-scm.com 에서 Git 다운로드 (Download for Windows) -> Standalone Installer 선택하여 다운로드 및 설치(모두 기본 옵션으로 설치)설치 후 Git Bash 실행 2. tree 명령 설치- https://gnuwin32.sourceforge.net/packages/tree.htm Binaries Zip 파일 다운로드- 다운로드 받은 폴더의 bin/tree 파일을 깃 설치 폴더 > usr > bin 폴더에 저장 (일반적으로 C:\Program Fil..

1. javascript immutability javascript에서의 immutability는 정보의 훼손을 막는 불변성의 개념이다. 2. 이름에 대한 불변함 (var vs const) var vs const 예를 들어 var와 const로 변수의 값를 정의했다면, var t = 1, t = 2 등과 같이 var가 지정한 값을 재할당했을 때에는 값이 변경된다.하지만 const의 경우 값의 재할당이 불가해 오류가 나게 된다. 3. primitive(원시) vs object(객체) 데이터 타입 Number, String, Boolean 은 대표적으로 원자적인 데이터 타입이다. Object, Array, Function 등은 우리가 객체로 분류할 수 있는 데이터 타입이다. 자바스크립트에서는 원시..

1. Ajax 웹브라우저는 정적인 시스템이었었던 과거가 있다. 즉 페이지 새로고침을 해서 내용을 새롭게 변경해야 했던 동기적인 시절이 있었지만 현재는 비동기적으로 자바스크립트를 사용해서 서버와 통신하는 방식을 구현할 수 있어졌는데, 그것을 가능하게 만든 것이 바로 Ajax이다. jQuery는 자바스크립트 라이브러리 / Ajax는 비동기 통신 기술 / JSON은 데이터 포맷이 3개의 조합이 웹프로그래밍을 할 때 자주 쓰는 조합과 관계성으로 기억하면 된다.2. XMLHttpRequest XMLHttpRequest는 자바스크립트에서 서버와 데이터를 주고받을 수 있게 해주는 Ajax의 내장 객체다.페이지를 새로 고치지 않고도 서버와 통신할 수 있게 해주기 때문에, Ajax(Asynchronous JavaScri..

1. Event 이벤트란? 이벤트란 사건을 의미한다. 사용자가 어떤 요소를 클릭했을 때 어떤 이벤트가 동작하도록 프로그래밍 하는 것을 이벤트 프로그래밍이라고 한다. 2. Event 이벤트 핸들러 이벤트 프로그래밍을 하기 위해서는 이벤트의 대상에 이벤트를 설치해야 하는데, 이벤트를 핸들링하는 것이 이벤트 핸들러다.* 인라인 이벤트 등록의 경우 HTML 태그 안에서 이벤트가 동작하도록 지정하는 방식이다.보통은 this라는 구문으로 해당 요소를 지정한 후, 이벤트를 설계하기도 한다. *프로퍼티 리스너 등록의 경우, HTML과 이벤트 동작 명령이 분리된다.보통은 Script에서 명령을 따로 생성하고, 객체에 프로퍼티 리스너를 등록하는 방식으로 이벤트를 동작하도록 한다. *addEventListener() 방식..

1. Node 노드 객체란?Node 객체란 DOM에서 시조와 같은 역할을 한다. 모든 DOM 객체는 Node 객체를 상속받는다. 즉 이 말은 Node 객체가 가지고 있는 속성은 모든 DOM 객체가 물려받았으므로 활용할 수 있다. 2. Node에서의 관계성 엘리먼트들은 서로 부모, 자식, 형제자매 관계로 연결되어 있으며 아래의 API로 우리는 문서를 탐색할 수 있다.참고로 노드 기준으로 탐색 시에, 눈에 보이지 않는 text 등의 요소도 요소로써 전부 조회하기 때문에 공백이 나올 수도 있다. Node.childNodes >> 자식 엘리먼트 요소 전부 조회Node.firstChild >> 바로 하위의 자식 요소Node.lastChild >> 마지막 자식 요소Node.nextSibling >> 동등한 ..

1. jQuery 속성 제어 API란?jQuery 속성 제어 API란 제이쿼리 문법에서 객체를 불러온 다음 사용할 수 있는 것으로 element API에 준하는 것이나, 차이가 있다면 Attr이라는 메소드를 활용하여 객체의 요소들을 호출하거나 설정하게 된다.Element API와 활용법은 비슷하긴 한데 좀 더 실용성을 강조한 느낌? 다시 정리하기. Node 아래에 Document, CharacterData, Attr, Element가 있고 Elemenet 하위에는 HTMLElement가 있다. 2. jQuery 속성 제어 API 주요 기능 attr, removeAttr도 기존의 element 객체 조회 시의 attribute 문법과 유사하다고 보면 되는데attr은 특정 요소의 이름을 기준으로 속성을 조..

1. Element 엘리먼트 조회 API엘리먼트의 하위 엘리먼트를 조회하는 API로, 엘리먼트의 아래에 있는 class 등의 정의된 값을 호출해 엘리먼트를 조회할 수 있게 하는 용어라고 보면 된다. Element.getElementsByClassNameElement.getElementsByTagNameElement.querySelectorElement.querySelectorAll 예를 들어, className을 기준으로 엘리먼트 객체를 조회하고 싶을때는 Element.getElementsByClassName을 사용한다.마찬가지로 tagName을 기준으로 엘리먼트 객체를 조회하고 싶을때는 Element.getElementsByTagName을 사용한다.마찬가지로 엘리먼트 객체의 요소를 조회하고 싶을때는 ..

생활코딩 자바스크립트 기초 강의는 무료로 수준높은 강의를 들을 수 있어서 넘모 좋다. 이론부터 상세히 설명해주셔서 나랑 강의 스타일이 잘 맞는다. 복기하면서 공부해볼까 하여 아래처럼 아카이브 시작! 1. Element 엘리먼트 객체란?엘리먼트 객체란 엘리먼트를 추상화한 객체이다.DOM의 계층 구조에서 엘리먼트 객체의 위치는 아래와 같은데 Node 아래에 Document, CharacterData, Attr, Element가 있고 Element 하위에는 HTMLElement가 있다. 2. Element 엘리먼트 객체의 주요 기능 a. 식별자문서 내에서 특정 엘리먼트를 식별하기 위한 용도로 사용되는 API로, 정의하고 식별하기 위한 용어라고 보면 된다. Element.classListElement.cl..