Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned 연결 리스트 링크드 리스트라고 부르기도 하고, 연결 리스트라고 부르기도 합니다. 연결 리스트란? - 연결리스트(Linked List)는 리스트의 항목들을 노드(node)에 저장하는 데이터 구조이다. - 각 노드는 데이터 필드와 다른 노드의 주소를 포함하는 링크 필드로 구성된다. - 연결 리스트를 사용하는 이점에는 쉬운 삽입 및 삭제 처리 기능, 크기 제한 없음, 비연속 메모리 공간 사용 기능 등이 있다. - 그러나 구현이 까다롭고 번거로우며 오류가 발생하기 쉽다. 데이터 필드 : 리스트의 원소, 즉 데이터 값을 저장하는 곳 링크 필드 : 다른 노드의 주소값을 저장하는 장소(포인터) Linked List에서 가장 앞 쪽 시작부분을 Head, 가장 마지막 부분..

❤️‍🔥TIL : Today I Learned useRef React에서 DOM 노드, react 엘리먼트에 접근하는 방법인 useRef를 설명합니다. useRef 란? - Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다. useRef는 컴포넌트의 라이프사이클 동안 유지되는 가변 변수를 생성하는 React Hook입니다. 이는 일반적으로 DOM 요소나 컴포넌트 내부 또는 자식 요소에서 엑세스 또는 업데이트해야하는 값을 저장하는 데 사용됩니다. 이를 통해 다시 렌더링을 트리거하지 않고도 해당 값에 접근하거나 업데이트 할 수 있습니다. Ref를 사용해야 할 때 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때 애니메이션을 직접적으로 실행시킬 때...

❤️‍🔥TIL : Today I Learned DOM DOM (Document Object Model )은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. 1. 노드 - HTML요소와 노드 객체 HTML 요소는 렌더링 엔진에 의해 파싱되어 DOM을 구성하는 요소 노드 객체로 변환된다. 이때 HTML 요소의 어트리뷰트는 노드로, HTML 요소의 텍스트 콘텐츠는 텍스트 노드로 변환된다. HTML 문서는 위와 같은 요소들의 집합으로 이뤄지며, 요소 간에는 중첩 관계에 의해 계층적인 부자(부모)관계가 형성 된다. 이러한 관계를 반영하여 모든 노드 객체들을 트리 자료구조로 구성하며 이것을 DOM 또는 DOM 트리라고 한다. 최상위의 부..

❤️‍🔥TIL : Today I Learned 우선 자바스크립트는 요즘 사람들이 흔히 말하는 '코딩 코딩' 하는 그 코딩 맞다^^ 코딩 시작하면 첫 시작은 'Hello World!' 화면에 띄우는 것부터 시작이다 코딩세계 일종의 관습이다 프로그래밍 ? 코딩 ?.. 그래서 그게 뭔데... => 컴퓨터가 이해 할 수 있는 언어로 정해진 방식(문법)에 따라 일 할수 있도록 작성 해 놓는것이다. 이후 코드를 읽은 컴퓨터는 입력 👉 처리 👉 출력 순서가 되어 컴퓨터가 일한다. Javascript ?.. Java랑 똑같은 거 아니야?| => 네 아닙니다! 자바스크립트와 자바는 '인도 와 인도네시아' 처럼 서로 다른 이름으로 생각 하시면 됩니다. 자바스크립트는 공식적으로 채택되어 인터넷에 접속한다면 우리가 설치하지 ..