Til11 DOM의 뜻은?! 그리고 Node tree, javascript event는 뭘까? Elice Today's TIL 🎉 메인 키워드 : DOM, Node, Javascript Event !! 배울 내용 확인하기 DOM 객체 지향 모델로써 구조화된 문서를 표현하는 형식으로, 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 하는 인터페이스 이벤트 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 가리키는 말로, 자바스크립트는 이것에 반응하여 특정 동작을 수행할 수 있게 된다. 1. DOM 이란? DOM 이란? 이미지 출처 : elice 코딩 [SW 엔지니어 트랙] 의 학습자료에서 발췌 DOM = 문서 객체 모델(Document Object Model) : 객체 지향 모델로써 구조화된 문서를 표현하는 형식 HTML 문서에 대한 인터페이스 DOM은 XML이나 HTM.. 2022. 7. 18. 리액트(React) Effect Hook 엘리스 코딩 TIL (20220630) "Effect Hook의 사용과 이해" 리액트(React) 엘리스 코딩 daliy TIL 안녕하세요! 오늘은 엘리스 코딩 리액트 2022/06/30에 "Effect hook"의 사용과 이해에 대해 알아보도록 하겠습니다. 우선 effect hook에 대해 살펴본 후 effect hook과 관련한 Clean up과 같은 연관성이 있는 요소들에 대한 내용을 파악해보고 관련 내용을 최종 요약 정리를 해볼 예정입니다. Effect Hook [1] Effect Hook 이해하기 - Effect Hook의 사용 React의 컴포넌트는 다음과 같은 생명주기를 가지는데요! a. Mounting(컴포넌트 생성) b. Updating(컴포넌트 수정) c. Unmounting(컴포넌트 해제) 여기서 Effect Hook을 사.. 2022. 7. 4. [2주차] 20220413 엘리스 TIL (JavaScript) ** 실습 ••• lorem inline 계열의 아무 의미없이 태그를 래핑하는 역할을 해주는 태그 = block 계열의 아무 의미없이 태그를 래핑하는 역할을 해주는 태그 = ** 일단은 어떻게든 구현만 되는 쪽으로 생각해보도록 하자 (최대한 세련된 코드를 짜려는 생각이 오히려 코드를 짜는 데 방해가 될 수 있음) *** innerHTML 두가지 목적 특정 태그 안에다 내용을 꽂아넣을 때 특정 태그 안의 정보를 가져올 때 ** innerHTML, innerTEXT 차이점 innerTEXT 안에는 태그를 넣을 수 없다(그냥 텍스트로만 출력됨), 위에 기술한 innerHTML 두가지 목적 중 2번째만을 충족하는 것이 목적 innerTEXT = 웹페이지 태그를 제외한 모든 텍스트를 긁어오는 데 활용(태그없이 텍.. 2022. 6. 30. TIL이 뜸해진 이유(어쩌면 핑계?) && 엘리스에서의 근황 엘리스를 들으면서 그동안 TIL을 매일 쓰고자 마음 먹었었는데... 중간에 필기 분량이 많은(강의가 이해가 안돼서 그냥 강사님이 말씀하시는 내용을 전부 받아적은) 강의가 있어서 그 부분을 빼고 포스팅을 하려다 보니... 그러면서 순서대로 올리고 싶어서 이후 포스팅을 전부 임시저장 하다보니... 그날의 포스팅 이후 작성해둔게 10개 가량... 어느새 블로그와 멀어지게 되었다... 애초에 강의 내용을 필사하고, 판서에 필기한 다음 블로그로 옮기는 방식은 비효율적이었던 것 같기도 하다. 그래서 블로그 접근성이 더 떨어진걸지도😥 이론 한번 더 필사할 시간에 예시코드 한번 더 쳐보는게 몇배는 더!! 도움될거라는 동료 레이서의 조언을 받아들여 강의를 듣는 방식을 바꾸었다. 아무튼! TIL을 안쓴것이 아닙니다..😂😭.. 2022. 5. 25. 이전 1 2 3 다음
