코딩하는 고릴라

1. useState 임포트 import { useState } from 'react' 2. state 선언 - title : state를 사용할 때 쓸 변수명 - setTitle : state의 상태를 바꿀 때 사용 - JS의 destructuring 문법을 활용함 - 위 사진처럼 코드가 짜여져 있을 때, destructuring에 의해 a에 1, b에 3이 저장 3. state를 사용하는 이유 - state에 변동사항이 발생하면 html이 자동으로 재 렌더링해 갱신된 값이 화면에 출력 - 자주 변하는 값을 state에 저장하면 용이함 - vue의 ref() 같은 느낌이 있다. 4. state 변경하는 방법 - destructuring으로 꺼낸 state 변경 함수를 사용 5. 버튼 눌렀을 때 함수를 ..

0. JSX? - Java Script Xml - JavaScript의 확장 문법 - 템플릿 언어와 유사하나 JavaScript의 기능을 사용할 수 있다. 1. JSX 기초 문법 1. class 대신 className 사용 2. 변수 사용시 중괄호 { } 사용 3. html 요소에 style 넣기 style = {{ propery: 'value' }}

1. Node js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - LTS 버전 권장 2. 프로젝트 생성 1) VSCode에서 프로젝트 생성을 위한 폴더 열기 2) New Terminal -> npx create-react-app 프로젝트명 입력 3) 로딩이 완료되면 프로젝트 생성 완료 3. 프로젝트 구조 1) node_modules - 프로젝트 구동에 필요한 라이브러리 소스 코드들을 모아놓은 폴더 2) public - html, img 등 정적인 파일 보관 3) src - 코드를 작성하는 소스코드 보관

🦍 문제 14499번: 주사위 굴리기 첫째 줄에 지도의 세로 크기 N, 가로 크기 M (1 ≤ N, M ≤ 20), 주사위를 놓은 곳의 좌표 x, y(0 ≤ x ≤ N-1, 0 ≤ y ≤ M-1), 그리고 명령의 개수 K (1 ≤ K ≤ 1,000)가 주어진다. 둘째 줄부터 N개의 줄에 지 www.acmicpc.net 🐈 문제 풀이 1. 무엇을 구해야 할까? - 입력되는 명령에 따라 주사위를 굴리며 이동시켜야 하고, 그 때마다 주사위의 윗면에 적혀져 있는 숫자를 출력해야한다. 2. 어떻게 구해야 할까? 1) 주사위의 각 면에 적혀져 있는 숫자들을 기록하기 위해 배열을 사용하였다. // 상 : 주사위의 윗면, 하 : 주사위의 바닥면 // lrud[0] : {상, 서, 하, 동} - 동서 방향으로 이동시 사..

🦍 문제 2910번: 빈도 정렬 첫째 줄에 메시지의 길이 N과 C가 주어진다. (1 ≤ N ≤ 1,000, 1 ≤ C ≤ 1,000,000,000) 둘째 줄에 메시지 수열이 주어진다. www.acmicpc.net 🐈 문제 풀이 1. 무엇을 구해야 할까? 주어진 숫자들의 빈도를 계산한 후, 빈도수가 높은 숫자들부터 순서대로 출력한다. 빈도수가 같다면 먼저 나왔던 숫자들을 우선적으로 출력한다. 2. 어떻게 구해야 할까? 1) 빈도수를 구해야 한다. - 보통 빈도수를 구하는 방법으로는 배열을 사용하는 방법을 떠올릴 수 있지만 입력되는 수의 최댓값이 10억이기에 HashMap 자료구조를 이용하였다. - key 값으로는 입력받은 숫자를, value로는 빈도수를 저장하였다. - HashMap에 저장된 값을 빈도수(..

🦅 문제 1269번: 대칭 차집합 첫째 줄에 집합 A의 원소의 개수와 집합 B의 원소의 개수가 빈 칸을 사이에 두고 주어진다. 둘째 줄에는 집합 A의 모든 원소가, 셋째 줄에는 집합 B의 모든 원소가 빈 칸을 사이에 두고 각각 주어 www.acmicpc.net 🦍 문제 풀이 1. 무엇을 구해야 할까? 집합 A, B에 대해서 대칭 차집합 원소의 개수를 구해야한다. 여기서 대칭 차집합은 각각의 집합에 대한 차집합의 합집합이다. (A-B) U (B-A) 2. 어떻게 구해야 할까? 입력받은 두 집합의 값들을 각각의 컬렉션에 담은 후, A가 가진 값들을 B가 가지고 있는지, 그리고 그 반대의 경우를 확인해주며 원소의 개수를 카운트해주면 된다. 3. 특별히 고려할 사항은? 1) 컬렉션의 선택 - 단순히 A 집합의 ..