본문 바로가기

개발로그74

소플의 처음 만난 리액트_실습2 소플의 처음 만난 리액트_실습2 엘리먼트 리액트 앱의 가장 작은 빌딩 블록들 화면에 나타나는 내용을 기술하는 자바스크립트 객체 리액트 엘리먼트는 DOM 엘리먼트의 가상 표현 엘리먼트의 생김새 자바스크립트 객체 형태로 존재 컴포넌트 유형과 속성 및 내부의 모든 자식에 대한 정보를 포함하고 있는 일반적인 자바스크립트 객체 엘리먼트의 특징 불변성을 갖고 있음 엘리먼트 생성 후에는 자식이나 속성을 바꿀 수 없음 렌더링 ReactDOM의 render()라는 함수를 사용 VirtualDOM에서 실제 DOM으로 이동하는 과정 렌더링 된 엘리먼트를 업데이트 하려면 새로운 엘리먼트를 생성해서 업데이트 해야 한다!!! 시계 만들기 실습!! //Clock.jsx import React from "react"; functio.. 2023. 7. 11.
소플의 처음 만난 리액트_실습1 소플의 처음 만난 리액트_실습1 국비교육 수료 후 희미해져가는 기억을 되살리기 위해 다시 한 번 기초를 탄탄히 다지는 시간을 가지기로 했다. 아는 내용이여도 말로 설명할 수 있을 때까지 공부하기!!! 리액트란? 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 (=React.js) SPA(Single Page Application)를 쉽고 빠르게 만들 수 있도록 해주는 도구 리액트의 장점 빠른 업데이트와 렌더링 속도 재사용성이 높은 컴포넌트 기반 구조 메타의 든든한 지원 활발한 지식 공유와 커뮤니티 리액트 네이티브를 통한 모바일 앱 개발 가능 리액트의 단점 방대한 학습량 높은 상태 관리 복잡도 JSX란? 자바스크립트와 XML/HTML을 함께 사용할 수 있는 자바스크립트의 확장 문법이다. JSX의 역.. 2023. 7. 11.
프로그래머스 Lv.0 모스부호(1) 프로그래머스 Lv.0 모스부호(1) 주어진 모스부호를 해독하는 문제! morse = { '.-':'a','-...':'b','-.-.':'c','-..':'d','.':'e','..-.':'f', '--.':'g','....':'h','..':'i','.---':'j','-.-':'k','.-..':'l', '--':'m','-.':'n','---':'o','.--.':'p','--.-':'q','.-.':'r', '...':'s','-':'t','..-':'u','...-':'v','.--':'w','-..-':'x', '-.--':'y','--..':'z' } letter가 매개변수로 주어질 때, letter를 소문자로 바꾼 문자열을 return하라. letter는 공백으로 나누어져 있고, 공백이 두.. 2023. 7. 11.
프로그래머스 Lv.0 날짜 비교하기 프로그래머스 Lv.0 날짜 비교하기 정수 배열 date1과 date2가 [year, month, day] 꼴로 주어진다. 두 배열의 날짜를 비교했을 때 date1이 date2 보다 앞서는 날짜라면 return 1, 아니면 return 0을 하는 문제 ** 풀이방법 배열의 원소들을 문자열로 합쳐서 날짜형식으로 변환시키고, 메소드를 사용해 날짜를 비교한다. - java.time패키지의 LocalDate 클래스를 사용해 날짜 형식으로 변환 static LocalDate of (int year, int month, int dayOfMonth) LocalDate localDate1 = LocalDate.of(date1[0],date1[1],date1[2]); LocalDate localDate2 = LocalDa.. 2023. 7. 10.
반응형

티스토리툴바