분류 전체보기
26_타입스크립트 & 리덕스
이번엔 타입스크립트와 리덕스를 사용해보자. npx create-react-app my-app --template typescript 먼저 타입스크립트를 사용하는 리액트 프로젝트를 하나 만들어준뒤, yarn add redux react-redux redux와 react-redux 라이브러리를 설치해준다. 완성된 프로젝트의 node modules파일안에서 설치한 라이브러리를 보면 index.d.ts가 있는걸 볼 수 있는데 이 파일이 있다면 redux에선 타입스크립트를 지원해주는 것이다. react-redux에는 따로 지원해주지 않기 때문에 yarn add @types/react-redux 이를 이용해서 typescript를 적용시킬 수 있다. 어떠한 라이브러리에서 타입스크립트를 지원해주는지 아닌지는 아래 사..
25_타입스크립트 & 리액트
타입스크립트를 이용해서 리액트 프로젝트를 만들어보자. 리액트에서 type스크립트를 지원하기에 별도의 설정은 필요없지만 프로젝트를 실행할때 typescript를 사용한다고 표시만 하면 된다. npx create-react-app my-app --template typescript 리액트 프로젝트를 만들때 뒤에 --typescript를 붙이면 된다. 이미 만든 프로젝트에 typescript를 적용하고 싶다면 아래 링크를 참조하자 https://create-react-app.dev/docs/adding-typescript/ Adding TypeScript | Create React App Note: this feature is available with react-scripts@2.1.0 and higher...
24_타입스크립트 문법
자바스크립트 같은 경우, 아래와 같이 자료형이 정해져있지 않아 실수하기가 쉽다. let value = 5; value = '안녕하세요'; value = [1,2,3,4,5]; value = null TypeScript를 사용하면 이같은 실수를 방지하기 편하고, ide(vs코드같은)에서 기능을 지원받기 쉽다. 예를 들어 내장함수를 쓸때 파라미터로 무엇이 들어간다던지 등의 기능을 볼 수 있다. 그럼 타입스크립트의 문법을 한번 알아보자 먼저 파일하나를 만든 후에, yarn init -y package.json파일을 하나 만들어준다. yarn add typescript ts-node //ts-node : 콘솔창에서 typescript사용 가능 yarn run tsc --init //타입스크립트를 위한 설정 그후..
1912_연속합
문제는 더보기! 더보기 문제 n개의 정수로 이루어진 임의의 수열이 주어진다. 우리는 이 중 연속된 몇 개의 수를 선택해서 구할 수 있는 합 중 가장 큰 합을 구하려고 한다. 단, 수는 한 개 이상 선택해야 한다. 예를 들어서 10, -4, 3, 1, 5, 6, -35, 12, 21, -1 이라는 수열이 주어졌다고 하자. 여기서 정답은 12+21인 33이 정답이 된다. 입력 첫째 줄에 정수 n(1 ≤ n ≤ 100,000)이 주어지고 둘째 줄에는 n개의 정수로 이루어진 수열이 주어진다. 수는 -1,000보다 크거나 같고, 1,000보다 작거나 같은 정수이다. 출력 첫째 줄에 답을 출력한다. 예제 입력 1 복사 10 10 -4 3 1 5 6 -35 12 21 -1 예제 출력 1 복사 33 예제 입력 2 복사..
23_리액트 리덕스 미들웨어(2)
JSON Server 가짜 Rest api를 호출하여 연습용 서버를 만들 수 있다 먼저 root프로젝트에 data.json을 만든다 (src폴더보다도 밖) //data.json { "posts" : [ { "id" : 1, "title" : "정민규의 나이", "body" : "25살" }, { "id" : 2, "title" : "정민규의 성별", "body" : "남자" }, { "id" : 3, "title" : "정민규의 최애메뉴", "body" : "치킨" } ] } npx json-server ./data/json --port 4000 그 다음 터미널을 열어서 서버를 개통시켜준다. 터미널에 나온 해당 링크를 클릭해주고 주소를 localhost:4000/posts 로 이동해주면 입력한 데이터가 ..
9251_LCS...반례?
문제는 더보기 더보기 문제 LCS(Longest Common Subsequence, 최장 공통 부분 수열)문제는 두 수열이 주어졌을 때, 모두의 부분 수열이 되는 수열 중 가장 긴 것을 찾는 문제이다. 예를 들어, ACAYKP와 CAPCAK의 LCS는 ACAK가 된다. 입력 첫째 줄과 둘째 줄에 두 문자열이 주어진다. 문자열은 알파벳 대문자로만 이루어져 있으며, 최대 1000글자로 이루어져 있다. 출력 첫째 줄에 입력으로 주어진 두 문자열의 LCS의 길이를 출력한다. 예제 입력 1 복사 ACAYKP CAPCAK 예제 출력 1 복사 4 자력으로 풀지 못한 문제였다. 먼저 간단히 설명하자면, 동적계획법에 따라서 값을 저장하는 공간이 2차원 배열이어야 한다. 먼저 한번 보자. ACAYKP와 CAPCAK를 비교..