type="nal"

DP 를 풀어야 할 때가 되었다.. 오늘의 문제는비밀번호 만들기 https://www.acmicpc.net/problem/17218문제최근 들어 개인정보 유출에 대한 뉴스를 많이 본 수형이는 한 사이트의 비밀번호가 유출 되더라도 다른 사이트에서 똑같은 비밀번호로 접속할 수 없도록 사이트마다 비밀번호를 다르게 설정하기로 다짐했다. 많이 고민한 결과 수형이는 눈을 감고 키보드를 막 쳐서 나온 두 문자열에서 공통으로 존재하는 가장 긴 부분 문자열을 비밀번호로 하기로 하였다. 수형이가 눈을 감고 만든 두 문자열이 주어졌을 때 비밀번호를 만드는 프로그램을 만들어보자.입력첫째 줄과 둘째 줄에 수형이가 눈을 감고 만든 두 문자열이 주어진다. 문자열은 알파벳 대문자로만 이루어져 있으며, 길이는 최대 40자이다. 빈 문..

리액트 프로젝트를 본격적으로 열고 코드를 작성하면 된다.vs코드에서 터미널을 열고(단축키 ctrl + ` 또는 ctrl + shift + `)npm start를 입력 App.js에 코드를 작성하면 되는데 div만 남긴 아무것도 없는 상태에서 시작 하면 된다.헤드에 타이틀 등을 바꾸려면 public에 index.html을 수정해준다.요렇게 아이콘도 수정해줌 자바스크립트이지만 태그가 적용되는 이유는 html이 아니라 JSX라는 문법이기 때문JSX는 JavaScript XML의 약자로, 자바스크립트에서 HTML 문법을 사용해 UI를 설계할 수 있다.원래 JS에서는 (JavaScript 줄여서 부르겠음)const element = React.createElement('h1', null, 'Hello, World..

1. 트리, 힙트리는 원소들이 1 : N 관계이고, 계층 관계를 가진 자료구조. 힙은 완전 이진 트리(Complete Binary Tree)의 한 종류로, 부모 노드와 자식 노드 사이의 특정한 순서 관계를 만족하는 자료구조이다.주로 우선순위 큐를 구현할 때 사용되며, 값의 최대값 또는 최소값을 빠르게 찾고 정렬할 수 있다.(완전 이진트리는 모든 리프노드의 높이가 최대 1 차이가 나고, 모든 노드의 오른쪽 자식이 있으면 왼쪽 자식이 있는 이진트리) 2. 최대 힙(Max-Heap)정의: 부모 노드의 값이 자식 노드의 값보다 항상 크거나 같은 완전 이진 트리.특징루트 노드(맨 위의 노드)가 가장 큰 값을 가짐.새로운 값을 삽입하거나 삭제할 때, 힙 속성을 유지하도록 재정렬.사용 예시: 가장 큰 값을 빠르게 찾..

1. 우선 3D 모델을 준비해준다.1. 블렌더로 직접 깎거나2. 웹사이트 에서 다운 받아준다(ex: https://sketchfab.com/feed)나는 위 사이트에서 동물 검색해서 무료팩을 다운 받았다.(동물들 하나하나 분리 되는지 궁금함,,) 다운 받을 땐 Download3D를 누르고glTF 형식으로 다운받아준다. (gltf: JSON 형식의 텍스트 파일)일단 압축 풀어서 작업폴더에 넣어주면 되는데 이 gltf파일이 3D 모델이다 2. Three.js 라이브러리 설치우선 canvas 태그를 이용하고, 크기를 지정해준다.  3D 모델을 가져올 때는 Three.js라는 유용한 라이브러리를 이용하면 된다. https://threejs.org/리액트나 뷰 프로젝트라면 npm install three 명령어를..

with 2022년 강의, 리액트 18버전리액트의 장점?1. SIngle Page Application 을 만들 수 있다.2. Component로 HTML 재사용이 편리하다.3. state기능이 있어서 데이터가 HTML에 자동으로 반영됨4. 사용자 1위. 개발 환경 세팅1. node.js 설치https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 작업폴더에서 터미널 열기 3. 프로젝트 생성 명령어 입력npx create-react-app [프로젝트명] npx: npm 패키지를 실행할 때 사용하는 명령어create..

리액트 웹게임 강의를 보고 있었는데.. 제로초님 강의링크 [지금 무료]웹 게임을 만들며 배우는 React 강의 | 제로초(조현영) - 인프런제로초(조현영) | 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., 8개의 간단한 웹게임을 만들어보며 배우는 리액트 강좌www.inflearn.com 리뉴얼 버전으로 다시 촬영된 영상이라 리액트 앱을 먼저 만들지 않고바로 좋아요 버튼으로 설명하시길래냅다 like-button.html 파일을 만들고 라이브서버를 열어 디버깅하는데, 리엑트 데브툴즈를 쓰려하니 아래 문서로 이동 됐다.https://legacy.reactjs.org/docs/optimizing-pe..