728x90 반응형 분류 전체보기220 [React] React Hooks이란 1) React Hooks이란? : 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능 2) React Hooks 종류 종류 기능 useState 함수형 컴포넌트에서 상태를 추가 useEffect side effect 수행 -mount/unmount/update useContext React 컨텍스트(Context)를 사용하여 컴포넌트 간에 전역적으로 상태를 공유, 컴포넌트를 중첩하지 않고도 전역 값 쉽게 관리 useReducer useState 대신 복잡한 상태 논리를 다룰 때 사용. 복잡한 컴포넌트들의 state를 관리 - 분리 useCallback 콜백 함수를 메모이제이션 useMemo 계산 비용이 높은 값을 메모이제이션 useRef DOM 요소에 접근하거나, 컴포넌트의 인스.. 2024. 3. 28. [React] Virtual DOM의 개념과 동작 방식 1) DOM이란? - Document Object Model(문서객체모델)의 약어로 객체로 문서 구조를 표현하는 방법을 말함 - 웹 페이지의 구조화된 표현을 생성하고 프로그래밍적으로 접근하고 조작할 수 있는 인터페이스를 제공 - HTML, XML 및 XHTML과 같은 문서의 구조, 스타일 및 콘텐츠를 표현하는 방법을 정의 - JavaScript와 같은 스크립트 언어를 사용하여 웹 페이지의 요소를 동적으로 변경하거나 조작 - 사용자 인터페이스를 구성하고 사용자와의 상호 작용을 처리하는 데 중요한 역할 - 웹 페이지를 트리 구조로 나타내며 각 요소는 객체로 표현 2) Virtual DOM 개념과 동작 방식 - 실제 DOM의 가벼운 복사본 - 웹 애플리케이션에서 사용자 인터페이스를 효율적으로 관리하기 위해 사.. 2024. 3. 28. [자격증] 2024 SQLD 시험일정 2024년 SQLD 시험 일정(2024년 3월 28일 기준 시험 가능한 회차는 빨간 박스 체크) [출처] https://www.dataq.or.kr/www/accept/schedule.do#none 2024. 3. 28. 방향을 잃었다면 서점에 가보자. 나를 발전시키기 위해 앞으로 나아가고 싶은데 초점이 흐려지고 무엇부터 해야 할지 정리가 안 되는 순간들이 가끔 온다. 그럴 때 항상 괴로워하면서 몸으로 부딪치기만 했는데 최근에 조금은 빠르게 헤쳐나가는 방법을 찾아냈다. 바로 서점에 가는 것이다. 희한하게 서점에 가면 하고 싶은 일들이 뭉게뭉게 자라난다. 나는 독서를 그렇게 좋아하는 편은 아니지만 책을 구경하는 건 좋아한다. 주로 기술분야 쪽 프로그래밍 책들을 보고 자기 계발과 베스트셀러 순으로 구경하는 편인데 책들을 쓱 펼쳐보고 어떤 책을 사는 게 좋을지 가상으로 생각하다보면 하고 싶은 일들과 지금 해야 할 일들이 정리가 된다. 생각해 보면 과거에 생각이 정리가 되지 않고 길을 잃을 때마다 서점에 다녀왔던 것 같다. 분명 우연히 갔을테지만 서점에 다녀오.. 2024. 3. 28. [개발공부] 자바스크립트로 다국어처리하는 방법 아직 어떻게 하는 방법이 좋을지모르겠어서 일단 방법만 찾아보고 사이트 정리해놓음 나중에 자세하게 포스팅할 예정 1) i18n 라이브러리를 사용하는 방법 - 자바스크립트에서 사용하는 방법 https://blog.asamaru.net/2015/09/15/internationalization-i18n-for-javascript-i18next/ - 리액트에서 사용하는 방법 https://velog.io/@upisdown/React-%EB%8B%A4%EA%B5%AD%EC%96%B4-i18n-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EC%82%AC%EC%9A%A9%EB%B2%95 2) 리소스파일로 영어버전과 한국어버전을 만들고 다국어 처리가 필요한 파일(main.js)에서.. 2023. 3. 5. [개발용어] 라이브러리&프레임워크&플래폼 기본 개념 정리 1) 라이브러리(Library) - 프로그래밍에서의 라이브러리란 필요한 기능들이 모여있는 코드의 묶음 - 사전에 만들어진 코드의 집합 - 개발 중 필요시에 자신의 프로그램에 호출하여 사용 - 예시 : jQuery, 남들이 만들어둔 외부 라이브러리도 가져다 사용가능 Browser환경에서 script src 로 불러들이는 js파일(JQuery, React 등) node.js 환경에서 npm으로 설치한 모듈 Python 환경에서 pip로 설치한 패키지/모듈 Java 환경에서 설치한 jar 2) 프레임워크(Framework) - 원하는 기능 구현에만 집중하여 빠르게 개발 할 수 있도록 기본적으로 필요한 기능을 갖추고 있는 것 - 라이브러리를 작업환경에 맞게 세팅해놓은것 - 작업(work)의 구조(frame)가 .. 2023. 3. 5. 이전 1 ··· 5 6 7 8 9 10 11 ··· 37 다음 728x90 반응형
