Loading...

[React, Nextjs] Next typescript 인텔리센스 안보이는 문제 해결

타입스크립트가 잘 작동하나 보려고 일부러 타입 에러를 일으켜봤는데 작동하지가 않아서 검색해서 여러 설정도 건드려보고 지인한테 물어봤는데 vscode extension 문제일수도 있다고 했다. extension을 이것저것 삭제해봤지만 되지 않아서 vscode를 지웠다 깔았는데 그냥 지우면 설정은 그대로 남아 관련 폴더를 모두 지워줘야 한다. [정리] ① c\사용자(혹은 user, 나는 user/내 사용자 이름이였다.)\Administrator(혹은 사용자 이름)\.vscode 폴더 삭제 ② c\사용자(혹은 user)\Administrator(혹은 사용자 이름)\AppData\Roaming\code 폴더 삭제 ③ 제어판 – 프로그램 추가/제거 – visual studio code 삭제 ④ vs code 재설..

2021. 2. 19. 16:20

[React, NextJS] tsconfig.json 절대경로 설정과 폴더구조 고찰

1. NEXTJS에 타입스크립트 설정방법 ** new 여러 글과 영상을 보고 next에 typescirpt를 적용하는 것을 따라했는데 이상하게 tsc로 ts파일을 변환하는 것은 되는데 next의 컴포넌트 타입체크를 안하는 문제가 있었다. vscode 에디터 save 속성과 관련되어 있는 문제 같은데 수정이 힘들어서 그냥 새로 폴더를 다시 생성했고 더 간단한 방법을 찾았다. 1. 루트 프로젝트에 touch tsconfig.json 파일 생성 (빈페이지로) touch tsconfig.json 2. yarn add --dev typescript @types/react @types/node 설치 3. npm run dev 혹은 yarn dev 실행 이렇게만 하면 알아서 typescirpt 설정을 해준다 bb 완..

[swexpert] 3234. 준환이의 양팔 저울 (java, 완전탐색)

nPr을 먼저해서 n개의 무게추를 순서를 모두 다르게 정렬한 다음 subset으로 왼쪽 혹은 오른쪽(왼쪽의 무게가 더 높도록 제한)으로 넘겨주면서 무게를 계산한다. 가능한 경우의 수를 리턴한다. import java.util.ArrayList; import java.util.Scanner; public class Solution { static int n,t; static int weight[]; static int sum; static int answer; static ArrayList arr=new ArrayList(); public static void main(String[] args) { Scanner sc=new Scanner(System.in); t=sc.nextInt(); for (int ..

[swexpert] 4012. 요리사 (java)

import java.util.ArrayList; import java.util.Scanner; public class Solution { static int t,n; static int[][] table; static int answer; public static void main(String[] args) { Scanner sc=new Scanner(System.in); t=sc.nextInt(); for (int tc = 1; tc

[Next.js 설정] Next에 Typescript 도입하기

1. yarn create next-app 프로젝트이름 => next 프로젝트 생성 2. 아래 글을 참고해서 typescript 관련 파일 설정한다. 아래 글에 나온 것 외에 아래 명령어로 두 개를 추가로 설치해줘야 동작한다. '@zeit/next-typescript' 의 경우 타입스크립트가 이제 내장되어 필요없다는 문구가 터미널에 나오길래 없앴는데 babelrc등을 설정하려면 결국 설치해줘야했다. 추가로 webpack을 설정할 경우에도 필요한 것 같다. 나는 아래 글을 보고 .prettier.js (탭 띄어쓰기, ''로 따옴표 통일, ',' 자동 붙여주기 기능 제공) 등도 같이 설정해줬다. yarn add --dev @zeit/next-typescript @babel/core tlog.tammolo.c..

[백준] 1987번 알파벳 (java, dfs)

www.acmicpc.net/problem/1987 1987번: 알파벳 세로 R칸, 가로 C칸으로 된 표 모양의 보드가 있다. 보드의 각 칸에는 대문자 알파벳이 하나씩 적혀 있고, 좌측 상단 칸 (1행 1열) 에는 말이 놓여 있다. 말은 상하좌우로 인접한 네 칸 중의 한 칸으 www.acmicpc.net 알파벳을 0~25의 숫자로 바꿔서 boolean체크를 해준다 import java.util.Scanner; public class Main { static int r,c; static String map[]; static int[] xpos= {0,0,1,-1}; static int[] ypos= {1,-1,0,0}; static int ans=Integer.MIN_VALUE; static boolean..

[swexpert] 1247. 최적 경로 (TSP, 외판원순환 문제, JAVA)

swexpertacademy.com/main/solvingProblem/solvingProblem.do SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com 모든 곳을 방문하는 여러 경로 중 가장 짧은 거리를 구하는 문제 이 문제는 시간 초과를 내지는 않는 문제 같아서 그냥 DFS 돌리면 되는데 visit배열 대신 비트마스크를 썼다. import java.util.ArrayList; import java.util.Scanner; public class Solution { static int n,t; static ArrayList pos; static Integer[] home; static int dis=Intege..

[백준] 3109번 빵집 (JAVA, 백트래킹)

www.acmicpc.net/problem/3109 3109번: 빵집 유명한 제빵사 김원웅은 빵집을 운영하고 있다. 원웅이의 빵집은 글로벌 재정 위기를 피해가지 못했고, 결국 심각한 재정 위기에 빠졌다. 원웅이는 지출을 줄이고자 여기저기 지출을 살펴보던 www.acmicpc.net 중간에 아니면 다른 경우를 탐색한다. 혹은 그만둔다. (백트래킹) 파이프를 가장 많이 연결하려면 최대한 위쪽으로 연결한다. 연결이 하나라도 되면 다른 경우는 생각하지 않고 다음 열에서 파이프라인을 연결을 시작한다. import java.util.Scanner; public class Main { static int r,c; static int map[][]; static boolean vis[][]; static int xpo..

[백준] 1992번 쿼드 트리 (java, 완전탐색)

www.acmicpc.net/problem/1992 1992번: 쿼드트리 첫째 줄에는 영상의 크기를 나타내는 숫자 N 이 주어진다. N 은 언제나 2의 제곱수로 주어지며, 1 ≤ N ≤ 64의 범위를 가진다. 두 번째 줄부터는 길이 N의 문자열이 N개 들어온다. 각 문자열은 0 또 www.acmicpc.net 맵을 1/4로 쪼개서 만드는 것은 한 번 해봐서 이번에는 익숙하게 했다. 안해봤다면 어려웠을 것이다. 1/4로 쪼갠 행과 열의 시작점과 길이(현재길이len의 반)을 재귀로 돌면된다. 시작점의 수와 해당 범위안에서 for문을 돌면서 하나라도 다른 원소가 있으면 다시 1/4로 쪼개서 재귀를 돌아준다. 재귀를 돌기 전에 (을 더하고 모든 원소가 갔을 때 시작점의 원소를 더해주고 재귀가 끝나면 )을 더해준..

[백준] 17135번 캐슬 디펜스 (java)

www.acmicpc.net/problem/17135 17135번: 캐슬 디펜스 첫째 줄에 격자판 행의 수 N, 열의 수 M, 궁수의 공격 거리 제한 D가 주어진다. 둘째 줄부터 N개의 줄에는 격자판의 상태가 주어진다. 0은 빈 칸, 1은 적이 있는 칸이다. www.acmicpc.net 어디가 틀린지 찾느라 힘들었다... 1. 궁수의 위치는 nC3으로 배치해 놓은 다음 가장 많은 적을 처치하는 경우는 언제인지를 찾는다. 2. 성의 위치(행) castle을 n으로 놓고 성이 점점 위로 올라가는 것처럼 1씩 줄인다. castle-=1 왼쪽부터 검사해서 길이가 최소이면 해당 위치를 저장해놓고 모든 행을 봤을 때 길이가 가장 작았던 곳을 enemy 배열에 추가한다. 여러 궁수가 같은 적을 공격할 수 있기 때문에..