굥뷰를 햡시댜

시작 전, 필요없는 코드들을 지워주고 시작한다. (/src/index.js) import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); 불필요한 주석, ReactStrict Mode, reportWebVitals.js 에 대한 코드들을 지웠습니다. ----------------------------------------------------------------------------------------------..

이전 글에서 생성한 react 프로젝트를 열어본다. 1. 폴더 열기 2. react 프로젝트 만든 폴더로 들어가서 열기 그럼 위와 같이 PROJECT01 폴더 내부에 다른 폴더 및 파일들이 보인다. 이번 게시물은 이 폴더, 파일들에 대한 설명 글이다 ㅎㅎ 1. package.json -> npm을 사용해서 필요한 패키지를 설치한 리스트를 볼 수 있다. -> 앞에서 npx create-react-app 으로 React 프로젝트를 만들게 되면 기본적으로 아래와 같이 세팅되어있다. ㅎㅎ -> 또, "scripts"를 보면 "start", "build", "test", "eject"가 있는데 이전 게시글에서 npm start로 react app을 실행시켰던 것을 생각해보자. 해당 내용에 대한 것을 여기 기술해놓..

1. node.js 설치 ( node.js 설치 사이트에서 LTS 버전으로 설치!) -> node -v 로 설치 및 설치 버전 확인 -> npm은 node.js를 설치하면 자동으로 설치됩니다. (npm -v로 설치 및 버전 확인) 2. react 작업할 프로젝트 경로 설정 -> 저는 C드라이브 경로에 따로 추가했습니다. (C:\study\ReactLecture) 3. react 설치 -> npx create-react-app 프로젝트명 (npx는 npm을 설치하면 사용하실 수 있습니다.) -> 예시) npx create-react-app project01 (project01은 프로젝트명입니다.) PS C:\study\ReactLecture> npx create-react-app project01 Need..

https://programmers.co.kr/learn/courses/30/lessons/17686 코딩테스트 연습 - [3차] 파일명 정렬 파일명 정렬 세 차례의 코딩 테스트와 두 차례의 면접이라는 기나긴 블라인드 공채를 무사히 통과해 카카오에 입사한 무지는 파일 저장소 서버 관리를 맡게 되었다. 저장소 서버에는 프로그램 programmers.co.kr 문자열 정렬 문제 C++의 경우 문자열 정렬 문제를 풀 때 STL의 sort를 사용한다면, sort보다 stable_sort를 사용하는게 좋다 이유는 다음과 같다. 여기서 sort는 불안전한 정렬, stable_sort는 말 그대로 안정된 정렬이다. sort는 퀵소트 기반, stable_sort는 머지소트 기반이다. sort는 순서 보장이 안되지만 s..

https://programmers.co.kr/learn/courses/30/lessons/17684 코딩테스트 연습 - [3차] 압축 TOBEORNOTTOBEORTOBEORNOT [20, 15, 2, 5, 15, 18, 14, 15, 20, 27, 29, 31, 36, 30, 32, 34] programmers.co.kr 문제에 LZW 압축 알고리즘에 대한 설명이 나와있다. 길이가 1인 모든 단어를 포함하도록 사전을 초기화한다. 사전에서 현재 입력과 일치하는 가장 긴 문자열 w를 찾는다. w에 해당하는 사전의 색인 번호를 출력하고, 입력에서 w를 제거한다. 입력에서 처리되지 않은 다음 글자가 남아있다면(c), w+c에 해당하는 단어를 사전에 등록한다. 단계 2로 돌아간다. 풀고나서 든 생각이지만 처음 ..

https://programmers.co.kr/learn/courses/30/lessons/17683 코딩테스트 연습 - [3차] 방금그곡 방금그곡 라디오를 자주 듣는 네오는 라디오에서 방금 나왔던 음악이 무슨 음악인지 궁금해질 때가 많다. 그럴 때 네오는 다음 포털의 '방금그곡' 서비스를 이용하곤 한다. 방금그곡에서는 TV, programmers.co.kr 문자열 처리 문제이다. #이 붙은 문자를 다른 문자로 치환 후 부분 문자열을 찾아주면 되는 문제이다. 이 문제의 주의할 조건은 2가지이다. 조건이 일치하는 음악이 여러 개일 때에는 라디오에서 재생된 시간이 제일 긴 음악 제목을 반환한다. 재생된 시간도 같을 경우 먼저 입력된 음악 제목을 반환한다. 조건이 일치하는 음악이 없을 때에는 “(None)”을..

WinAPI를 이용해 간단하게 디스크 용량을 확인하는 방법이 있다. 바로 GetDiskFreeSpaceEx라는 함수를 사용하면 쉽게 구할 수 있다. 사용 방법은 간단하다. ULARGE_INTEGER avail_memory, total_memory, free_memory; TCHAR pPath[256] = "C:\"; memset(&avail_memory, 0, sizeof(avail_memory)); memset(&total_memory, 0, sizeof(total_memory)); memset(&free_memory, 0, sizeof(free_memory)); GetDiskFreeSpaceEx(pPath, &avail_memory, &total_memory, &free_memory); //MB단위로..

- A2T(), T2A() Visual Studio를 사용해 한글을 출력할 때 한글 문자가 깨지는 경우가 있다. 이것은 기본적으로 Visual Studio에서 프로젝트를 생성할 때 Ansi(미국 국립 표준 뭐더라.. 아무튼 구글에 검색하면 나옴) 기반으로 프로젝트가 생성되기 때문이다. 이 때 한글 문자는 깨지게 되며 우리는 이를 방지하기 위해 컴퓨터에서 모든 문자를 지원해주는 Unicode를 사용해야 한다. 물론, 프로젝트를 생성할 때 설정 자체를 바꾸는 방법도 있지만 내부 메소드를 사용해 이를 막을 수 있다. 그 메소드가 바로 A2T() 이다. 사용 방법은 간단하다. 1. #include 헤더를 추가한다. 2. 유니코드를 사용하려는 메소드 내부에 USES_CONVERSION;을 선언한다. 3. A2T(..