분류 전체보기94 [CS] #2. 알고리즘 보호되어 있는 글 입니다. 2023. 11. 29. [CS] #1. 자료구조 보호되어 있는 글 입니다. 2023. 11. 28. [기본 개념] #2. Hooks & Rendering 단골개념인 Hooks에 대해 정리해 보자 Hooks는 리액트 v16.8에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능 등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 준다. 또한, 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있다. 1. Hooks 1) useState useState는 가장 기본적인 Hooks으로서, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을 수 있게 해 준다. 2) useEffect 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hooks이다. 2. Ren.. 2023. 11. 24. [기본 개념] #1. props 들어가기 앞서 리액트는 어쩌다 만들어졌을까? 흥미로운 주제, 못 참죠? DOM? 문서 객체모델, 웹페이지의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스이다. 기존의 HTML로 구성한 UI를 제어하면, DOM을 변형시키기 위해서 속성을 바꾸어 주어야 한다. 즉 관리가 힘들어진다. -> 리액트는 어떤 상태가 바뀌었을 때 상태에 따라 DOM을 어떻게 업데이트할지 규칙을 정하는 것이 아니라, 다 날려버리고 처음부터 모든 걸 새로 만들어서 보여준다면 어떨까?라는 아이디어에서 개발이 시작되었다. -> 리액트에서는 Virtual DOM이라는 것을 사용해서 이것을 가능하게 했다. Virtual Dom? 실제.. 2023. 11. 23. [기본 개념] React의 생명 주기 안드도 생명 주기 정리했으니까 리액트 생명 주기 정리 시작~~ React 컴포넌트는 생명 주기가 있다. 생애 주기 혹은 라이프사이클이라고 많이 표현하는데, 컴포넌트가 실행되거나 업데이트되거나 제거될 때 특정한 이벤트들이 발생한다. 클래스형 컴포넌트를 쓸 때 발생하는데 이거 잘 안 쓰기 때문에 그냥 이런 게 있다 정도만 알아두기! 1. 마운트 1) constructor 컴포넌트의 생성자 메서드로, 컴포넌트가 만들어지면 가장 먼저 실행되는 메서드이다. constructor(props) { super(props); console.log("constructor"); } 2) getDerivedSteteFromProps props로 받아온 것을 state에 넣어주고 싶을 때 사용한다. static getDeriv.. 2023. 11. 22. [언어] Java VS Kotlin 안드로이드 스튜디오는 사용하는 언어가 2가지 있다. Kotlin과 JAVA인데, 둘의 차이점을 알아보도록 하자! 우선 둘 다 객체지향언어이다. 객체지향 객체지향 프로그래밍은 프로그램을 개발하는 기법으로 부품에 해당하는 객체들을 먼저 만들고, 이것을 하나씩 조립 및 연결하여 전체 프로그램을 완성하는 것을 말한다. 객체를 만들기 위해 클래스를 작성하고, 객체와 객체를 연결해서 목적에 맞는 프로그램을 만들어 낸다. 객체지향 언어의 특징인 캡슐화, 상속성, 다형성을 완벽하게 지원한다. 객체지향 4가지 특징 추상화 : 객체의 공통적인 속성과 가능을 추출하여 정의하는 것 역할과 구현의 분리 상속성 : 기존의 클래스를 재활용해서 새로운 클래스를 작성하는 자바의 문법요소 상위 클래스로부터 확장된 여러 개의 하위 클래스.. 2023. 11. 22. 이전 1 2 3 4 5 6 7 ··· 16 다음
