TIL/엘리스 SW 엔지니어 트랙 2기16 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. 엘리스 코딩 TIL (리액트, 20220624) 03. 유연하게 state 변경하기 Object를 갖는 State를 만들 때 주의사항 // 잘못된 예시 const [user, setUser] = useState({name: "민수", grade:1}) setUser((current) => { current.grade = 2; return current; }) // 좋은 예시 const [user, setUser] = useState({name: "민수", grade:1}) setUser((current) => { const newUser = { ...current } newUser.grade = 2; return newUser }) object 내의 값만 바꾸게 되면 object 그 자체는 바뀌지 않기 때문에 리액트가 알아차리지 못해 컴포넌트가 재 랜.. 2022. 6. 30. [5주차] 20220411 엘리스 TIL (비동기 복습, Node.js) 스타트업 기술 스택 확인할 수 있는 사이트 https://www.codenary.co.kr/ 스타트업들의 기술 스택과 기술 블로그를 한눈에 살펴보세요 | 코드너리 네이버, 카카오, 토스, 당근마켓과 같이 요즘 핫한 스타트업은 어떤 기술 스택을 사용하고 있을까요? 코드너리에서 국내 100개가 넘는 스타트업의 기술 정보를 확인하세요. www.codenary.co.kr 프론트엔드 기술면접 관련 공부 자료 https://github.com/JaeYeopHan/Interview_Question_for_Beginner GitHub - JaeYeopHan/Interview_Question_for_Beginner: Technical-Interview guidelines written for those who start.. 2022. 6. 30. 이전 1 2 3 4 다음
