본문 바로가기

Kimzegal68

[React] 4-1 이벤트 이벤트 사용자가 웹 브라우저에서 DOM 요소와 상호작용하는 것을 이벤트(event) 라고 한다. React는 JS를 기반으로 하고 있기 때문에 이벤트 역시 JS의 그것과 크게 다르지 않다. 함수형 컴포넌트 import React, { useState } from "react"; const Counter = () => { const [number, setNumber] = useState(0); const onClickNumber = () => setNumber(number + 1); return ( +1 ); }; export default Counter; 이전에도 우리는 button 엘리먼트의 onClick 속성을 이용하여, 버튼 클릭 시 이벤트가 발생하게 코드를 짠 적 있다. 이전에는 onClick 속.. 2023. 12. 2.
[React] 3-2. state state React에서 state란, 컴포넌트 내부에서 바뀔 수 있는 값이다. React는 state의 변화를 반응적으로 감시하고, state가 변화한다면 페이지를 재렌더링한다. 즉, state는 동적인 웹페이지를 ‘선언적’으로 구성하는데 가장 중요한 요소이자. React의 핵심요소라고 볼 수 있다. 클래스형 컴포넌트 import React, { Component } from "react"; class Counter extends Component { constructor(props) { super(props); this.state = { number: 0, fixedNumber: 0 }; } render() { const { number, fixedNumber } = this.state; return.. 2023. 11. 29.
[Programmers] Lv 2. [PCCP 기출문제]2번] 문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/250136 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 import java.util.*; class Solution { // 방향 벡터 선언 public static int[] dr = {-1, 0, 1, 0}; public static int[] dc = {0, 1, 0, -1}; public int solution(int[][] land) { int answer = 0; // 매 열마다 bfs를 돌린다. for(int i = 0.. 2023. 11. 28.
[Programmers] Lv 0.카운트 다운 문제 💡 문제 정수 start_num 와 end_num가 주어질 때, start_num에서 end_num까지 1씩 감소하는 수들을 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요. 💡 제한 사항 0 ≤ end_num ≤ start_num ≤ 50 입력 (start_num, end_num) 출력 10, 3 [10, 9, 8, 7, 6, 5, 4, 3] 풀이 class Solution { public int[] solution(int start_num, int end_num) { int[] answer = new int[start_num - end_num + 1]; for(int i = 0; i < answer.length; i++){ answer[i] = start_num--; .. 2023. 11. 27.

티스토리툴바