본문 바로가기

전체 글

 (104)
<국비지원 개발자 과정> 5달 수료 후기 - 국비학원, 강사님, 추천책 등 - 국비지원 개발자 과정 회고 국비지원 개발자 과정을 수료한지 약 2주가 지났다. 사실 프론트엔드로 진로를 정한 이후 얼른 다음 진도를 나갈 예정이었지만, 막상 과정을 마치고 나니 지쳐버려서 쉬어가는 시간을 가졌다. 낮잠도 실컷 자보고 그랬더니 다행히 조금 회복이 되더라. 마지막으로 진행했던 개인 프로젝트 때 너무 긴장해서 달렸던 것이 화근이었던 것 같다. 교육을 시작했던 시기가 마침 코로나 확진자가 1000명대를 돌파했을 때여서, 5개월 내내 수업은 온라인으로 진행되었다. 한 3개월 정도 지난 즈음에야 위드 코로나로 방역 대책이 변경되면서, 일정 인원에 한해 학원 출석이 가능했으나 다들 거의 현장 출석은 안했다는 점(...). 그나마 마지막 프로젝트를 팀 프로젝트로 진행하는 분들은 팀 회의를 위해 학원..
<자바스크립트 Javascript> DOM (2) - 요소에 접근하기 1) 하나의 요소에 접근(DOM Query) *document.getElementById(id) - id 어트리뷰트 값으로 요소 노드를 한 개 선택하여 가져옴. 복수개 선택 시 첫번째 요소만 반환함. *document.querySelector(cssSelector) - CSS 셀렉터를 사용하여 요소 노드를 한 개 선택하여 가져옴. 복수개 선택 시 첫번째 요소만 반환함. IE8 이상의 브라우저에서만 사용가능. 2) 여러 개의 요소에 접근(DOM Query) *document.getElementsByClassName(class) - class 어트리뷰트 값으로 요소 노드를 모두 선택하여 가져옴. 공백으로 구분하면 여러 개의 class 지정 가능함. IE9 이상의 브라우저에서만 사용가능. ..
<자바스크립트 Javascript> DOM (1) - DOM(Document Object Model)이란? 직역하면 문서 객체 모델을 뜻한다. 텍스트 파일로 이루어진 웹 문서를 브라우저에 렌더링 하려면 브라우저가 이해할 수 있는 구조로 메모리에 저장하는 일이 필요하다. 즉, DOM이란 이 때 텍스트를 객체로 만들고, 이들을 다시 트리 구조로 만든 것으로 이 DOM이 렌더링에 쓰인다. DOM은 일반적으로 자바스크립트를 통해 동적 변경이 가능하다. 따라서 DOM은 자바스크립트 객체로 제공되는데, 이를 DOM API(Application Programming Interface)라 한다. 즉, DOM API는 웹 문서의 동적 변경을 위한 자바스크립트 프로퍼티와 메소드의 집합이다. - DOM tree란? 브라우저가 HTML 문서를 로드하고 파싱하여 생성하는 모델..
<자바스크립트 Javascript> this의 사용 - this의 사용 자바스크립트에서 함수는 객체의 프로퍼티에 할당되었을 때 메서드라 칭한다. 메서드는 그 존재 이유인 기능을 실행하기 위해 객체에 저장된 정보에 접근할 수 있어야 한다. 이 때, 메서드가 자신이 속한 객체의 프로퍼티 값을 사용할 때에 this 키워드를 사용한다. 즉, this 키워드는 객체 자신을 가리키는 키워드이다. - this 사용의 이점 this 키워드를 사용하지 않고 외부 객체를 참조하여 객체에 접근하는 것도 가능하다. 다만 이 경우 해당 객체의 값이 변경되면 에러가 발생할 수 있다는 단점이 있다. 따라서 외부 객체를 참조하는 방법보다 this 키워드를 사용하여 객체에 접근하는 것이 안전하다. - 자바스크립트 this의 특징 자바스크립트에서의 this 키워드는 다른 언어와는 달리 ..
<자바스크립트 Javascript> 전역 객체 - 전역 객체(Global Object)란? 모든 객체를 아우르는 최상위 객체를 일컫는다. 브라우저 관점에서는 window 객체, 서버 관점에서는 global 객체가 전역 객체로서 작용한다. - 전역 객체의 특징 1) 개발자가 직접 생성하지 않는다. 2) 전역 객체는 전역 스코프를 갖는다 3) 꼭 필요한 경우를 제외하고 전역 객체의 작성은 생략될 수 있다(사실 거의 생략). 4) 전역 변수는 전역 객체의 프로퍼티이고, 전역 함수는 전역 객체의 메서드이다. 5) 표준 빌트인 객체(Standard Built-in Objects)도 전역 객체의 자식 객체 중 하나다. - 전역 프로퍼티 전역 객체의 프로퍼티를 말한다. 애플리케이션 전역에서 사용하는 값을 나타내기 위해 사용된다. 전역 프로퍼티에는 다음과 같은 것..

티스토리툴바