2023년부터 로그 기록 2023년부터 로그 기록

목차 1. 디스코드 사용법 2. 노션 페이지 3. 공통질문 답변 원티드 FE 프리오보딩 챌린지를 참여하기로 했다. (9/4 시작) OT 참여를 시작으로 열심히 한번 해보자 1. 디스코드 사용법 1-1. 디스코드에 Notion 링크를 공지할 예정 1-2. 전체 온보딩 챌린지 OT 이다. 1-3. 프리온보딩 챌린지 - 공고는 내려갔지만 노션에 링크로 들어가면 다시 내용 확인이 가능하다. - 각 챌린지마다 주제 - 강의주간 : 기술역량향상 (2주), 4차까지 각 3시간 수업을 진행 - 언제 강의가 진행되는지 노션페이지 참고 - 취업 챌린지 (4주) : 구직활동을 서포팅하는 주간, 이력서 특강, 채용 큐레이션 페이지 제공 - 채용 큐레이션 페이지란? 최소 연봉을 3천 이상 구인중인 기업 필터링하여 각 직군별로 ..

목차 1. DOM target 2. class 1. DOM target 1-1. target - 브라우저 화면에서 이벤트가 발생하면, 브라우저는 이벤트 대상을 찾아가는 과정에서 이벤트가 차례로 실행되는 이벤트 전파(event propagation) 이 발생한다. - 부모부터 자식까지 일련의 요소를 모두 타고가며 진행되는 이러한 이벤트의 특징 덕분에 이벤트 객체에는 target, currentTarget 이라는 속성이 존재한다. - target 속성에는 이벤트가 발생한 진원지의 정보가 담겨 있다. - target 속성을 통해 이벤트 리스너가 없는 요소의 이벤트가 발생했을 때도 해당 요소에 접근 할 수 있다. - currentTarget 속성에는 이벤트 리스너가 연결된 요소가 참조되어 있다. 버튼1 버튼2 ..

목차 1. JS DOM 2. 잡담 1. JS DOM (Document Object Model) 1-1. DOM 노드 요소 제어 - DOM API를 이용하면 요소를 새롭게 생성하고, 위치하고, 제거할 수 있다. (1) document.createElement(target) : target 요소를 생성한다. (2) document.createTextNode(target) : target 텍스트를 생성한다. (3) document.appendChild(target) : target 요소를 element의 자식으로 위치한다. (4) document.removeChild(target) : element 의 target 자식 요소를 제거 - 1~4 이후에 만들어진 새로운 메서드 (훨씬 편리하다) (5) docume..

목차 1. JSON 2. DOM 3. 직무분석 1. JSON 1-1. JSON(JavaScript Object Notation) - 자바스크립트 객체 형식으로 데이터를 표현하는 문자 기반의 표준 포맷 - 문자형 또는 숫자형으로 입력해야하면 쌍따옴표를 생략할 수 없다. - 다른 방식에 비해 가볍고 자바스크립트와 호환성이 높아 널리 사용된다. - 쉽게 말해 텍스트로 표현된 정보의 덩어리이다. https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON JSON으로 작업하기 - Web 개발 학습하기 | MDN JavaScript Object Notation (JSON)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 ..