abcdefghklpqrstuvwxyz

난이도 - 브론즈 2 문제8진수가 주어졌을 때, 2진수로 변환하는 프로그램을 작성하시오.입력첫째 줄에 8진수가 주어진다. 주어지는 수의 길이는 333,334을 넘지 않는다.출력첫째 줄에 주어진 수를 2진수로 변환하여 출력한다. 수가 0인 경우를 제외하고는 반드시 1로 시작해야 한다.  8진수를 2진수로 바꾸는 방법은 8진수의 각 숫자를 3비트의 이진수로 변환하여 순서대로 붙이는 것이다.314로 예를 들면 3 => 0111 => 0014 => 100최종적으로 2진수 값은 011001100이 된다. 입력값이 0인 경우에는 0을 바로 출력하고 0이 아닌 경우에는 8진수를 2진수로 바꾸는 octalToBinary 함수를 호출한다.8진수의 각 숫자에 해당하는 2진수 비트를 octalDigitToBinary 함수로..

1. React HooksHooks는 리액트 v16.8에 새로 도입된 기능으로, 함수형 컴포넌트에서 상태와 생명주기 기능을 사용할 수 있도록 해주는 기능이다. 함수 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 udeEffect 등의 기능을 제공한다. 지금 앱은 클래스형 컴포넌트로 작성했지만 Hooks를 사용하기 위해 함수형 컴포넌트로 바꾼다. 함수형에서는 render()없이 바로 리턴한다. Board.jsimport React, { Component } from 'react';import Square from './Square';import "./Board.css";const Board = () => {  constructor(props) {    super(pr..

난이도 - 브론즈 1문제0보다 크거나 같고, 99보다 작거나 같은 정수가 주어질 때 다음과 같은 연산을 할 수 있다. 먼저 주어진 수가 10보다 작다면 앞에 0을 붙여 두 자리 수로 만들고, 각 자리의 숫자를 더한다. 그 다음, 주어진 수의 가장 오른쪽 자리 수와 앞에서 구한 합의 가장 오른쪽 자리 수를 이어 붙이면 새로운 수를 만들 수 있다. 다음 예를 보자.26부터 시작한다. 2+6 = 8이다. 새로운 수는 68이다. 6+8 = 14이다. 새로운 수는 84이다. 8+4 = 12이다. 새로운 수는 42이다. 4+2 = 6이다. 새로운 수는 26이다.위의 예는 4번만에 원래 수로 돌아올 수 있다. 따라서 26의 사이클의 길이는 4이다.N이 주어졌을 때, N의 사이클의 길이를 구하는 프로그램을 작성하시오...

난이도 - 브론즈 2문제일반적인 구구단에서 가장 큰 수는 마지막 항의 값이 제일 크다. 거꾸로 구구단에서는, 각 항에 구구단의 계산 결과로 나온 값을 뒤집어 저장을 한다. 이렇게 하면 가장 큰 값이 항상 마지막이 아니게 된다. 예를 들어 8단의 9개 항의 값은 8, 16, 24, 32, 40, 48, 56, 64, 72 이 되어 72가 가장 크지만, 거꾸로 구구단에서는 8, 61, 42, 23, 4, 84, 65, 46, 27 가 되어 84가 가장 큰 값을 가지게 된다.단의 수 N과 항의 수 K가 주어질 때, 거꾸로 구구단의 가장 큰 값을 출력하는 프로그램을 작성하시오.입력첫째 줄에 N과 K가 주어진다. 두 수는 모두 1,000보다 작거나 같은 자연수이다.출력첫째 줄에 주어진 단과 항에서 나올 수 있는 ..

React리액트 컴포넌트, JSX프로젝트 생성컴포넌트, props, state리액트 Hooks 추가, 함수형 컴포넌트로 변경JS구조 분해 할당 백준브론즈 6문제none 1문제 JLPT단어테스트 12회용법pp.160~165, 169~178 문풀유의표현pp.132~134, 142~144 암기pp. 124~128 문풀문법 핵심문법 52~88

2445번 - 별 찍기 8난이도 - 브론즈 3예제 출력)* *** ***** ******* ****************** ******* ***** *** *코드)import java.io.*;public class Main { public static void main(String[] args) throws Exception { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out)); int N = Integer.par..

구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 비구조화하여 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)..

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

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: ..

2024.06.12 - [Frontend/React] - [React] 리액트 프로젝트 생성(create-react-app) [React] 리액트 프로젝트 생성(create-react-app)editor: vs code 1. Node.js, npm 설치 2. create-react-appcreate-react-app은 리액트 프로젝트를 생성할 때 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 간편하게 프로젝트 작업 환경을 구축해준다.터미gamzaggang7.tistory.com 저번에 생성한 프로젝트에서 App.js 파일을 열어본다. 1. 번들러import logo from './logo.svg';import './App.css';상단에 특정 파일들을 불러오고 있다. 번들러 도구를 사용하면 impo..