728x90

2024/06/14 4

[JS] 구조 분해 할당(Destructuring assignment)

구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 비구조화하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다.* 이터러블: 반복 가능한 객체. 배열, 문자열, Map, Set 등 배열 구조 분해 할당var arr = [1, 2, 3]var one = arr[0]var two = arr[1]var three = arr[2]console.log(one, two, three);1 2 3 ES6의 배열 구조 분해 할당은 배열의 각 요소를 배열로부터 추출해 1개 이상의 변수에 할당한다. 할당의 대상(우변)은 이터러블이어야 하며, 할당 기준은 배열의 인덱스다. const arr = [1, 2, 3]const [one, two, three] = arrconsole.log(one, two, three)..

Javascript 2024.06.14

[백준 자바] 31428번(엘리스 트랙 매칭)

난이도 - 브론즈 4 문제엘리스 트랙은 2020년부터 시작한 KDT(K-Digital Training) 교육이며 Cloud 트랙, SW 엔지니어 트랙, IOT 트랙, AI 트랙 총 4가지 트랙이 있다.헬로빗은 이러한 엘리스 트랙에 매력을 느껴 친구들 𝑁$N$명을 모아 같이 엘리스 트랙에 지원하려 한다. 헬로빗의 친구들과 헬로빗이 지원하는 트랙에 대한 정보가 주어질 때, 헬로빗이 지원하는 트랙과 같은 트랙을 지원하는 헬로빗의 친구들은 총 몇 명이 있는지 출력하는 프로그램을 작성해 보자.입력첫 번째 줄에 친구들의 수를 의미하는 정수 𝑁$N$이 주어진다. (1≤𝑁≤10000)$(1 \leq N \leq 10 \, 000)$ 두 번째 줄에 헬로빗의 친구들이 지원하는 엘리스 트랙에 대한 정보 𝑁$N$개가 ..

백준/Java 2024.06.14

[React] TicTacToe앱 만들기(1) - 컴포넌트 생성, props, state

1. 기본 설정택택톡 앱은 크게 게임판 부분과 게임 정보 부분으로 구성된다.App.jsfunction App() {  return (          div className="game">        div className="game-board">        div>        div className="game-info">        div>      div>      );}export default App; App.css.game{  display: flex;  flex-direction: row;}.game-info {  margin-left: 20px;} index.cssbody {  font: 14px "Century Gothic", Futura, sans-serif;  margin: ..

Frontend/React 2024.06.14
728x90