본문 바로가기

Category

 (325)
CRA Typescript strict of eslint d타입스크립트가 적용된 CRA 프로젝트에서 Eslint를 수정해보려합니다. 아래 명령어로 CRA Typescript 버전을 생성 npx create-react-app my-app --template=typescript 근데 저 빨강색 밑줄이 거슬린다. jsx에서는 잘만 썼는데..후.. 저거는 tsconfig.json 에서 strict: true 로 설정되어있어서 그렇다. 저거 끄면 기존 처럼 쓸 수 있다. 모든 eslint가 꺼지는 것은 아니다. 몇가지만 disabled 되는데 아래에 strict가 어떤것들을 설정하는지 자세히 알수 있다. https://kovalevski.net/how-to-configure-tsconfigjson-typescript-strict-options/ How To Config..
타입스크립트 꼭 도입해야할까?(Typescript) 우리 프로덕트는 React와 JSX로 작성하고 있었다. 이후 동료의 의견으로 타입스크립트를 도입하게 되었다. 하지만, 최근들어 내가 개발하는 시간이 줄어들다 보니, 타입스크립에 적응하는것이 오버헤드가 생기면서 타입스크립트를 배우는일은 자꾸 딜레이됐다. (+부담) 시간이 갈수록, 미워해지는 마음이 커지기 전에, 타입스크립트에 대해 알아보기로 했다. 우선 내 의견은 이렇다. 세상사람들 다 쓴다고, 쓸 필요는 없다. 지금 이시간에도 리액트와 비슷하지만 svelte보다 가볍고 빠른 solid.js 같이 새로운 기술은 계속 나오고 있기 때문이다. 기존에 종교처럼 기술을 믿는다면, 어느순간에 갑작스럽게 자신이 개발을 배워왔던것인지, 프레임워크 사용법을 배워왔는지 고민하기 마련이다. 난 개발자는 항상 반응할수있는 실..
craco 사용하기 cra 로 react app 을 작성하게 되면, 경로가 마음에 드는대로 안된다. | 자세히는 1. 상대경로 됨 2. src/dfdf/dfdf/dfdf src 부터 타고 내려와야해 이런 귀찮음을 줄이기 위해서는 crago 를 사용하면 된다. const CracoAlias = require("craco-alias"); module.exports = { plugins: [ { plugin: CracoAlias, options: { source: "tsconfig", baseUrl: "./src", tsConfigPath: "./tsconfig.extend.json", }, }, ], }; craco.config.js 내가 했던 컨피그 파일 ------- { "compilerOptions": { "baseUrl..
9012 9012 www.acmicpc.net/problem/9012 9012번: 괄호 괄호 문자열(Parenthesis String, PS)은 두 개의 괄호 기호인 ‘(’ 와 ‘)’ 만으로 구성되어 있는 문자열이다. 그 중에서 괄호의 모양이 바르게 구성된 문자열을 올바른 괄호 문자열(Valid PS, VPS)이라고 www.acmicpc.net 코드 package main import ( "fmt" "bufio" "os" ) func main() { reader := bufio.NewReader(os.Stdin) // writer := bufio.NewWriter(os.Stdout) var t int var s string fmt.Fscanf(reader, "%d\n", &t) for { fmt.Fscanf(re..
10845 10845 www.acmicpc.net/problem/10845 10845번: 큐 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지 www.acmicpc.net 코드 package main import ( "bufio" "fmt" "os" ) func main() { reader := bufio.NewReader(os.Stdin) writer := bufio.NewWriter(os.Stdout) var t int fmt.Fscanf(reader, "%d\n", &t) var stack []string for { input, _, _ := re..
postgre and pg www.postgresql.org/download/linux/debian/ PostgreSQL: Linux downloads (Debian) Linux downloads (Debian) PostgreSQL is available in all Debian versions by default. However, the stable versions of Debians "snapshot" a specific version of PostgreSQL that is then supported throughout the lifetime of that Debian version. The PostgreSQL pr www.postgresql.org wiki.postgresql.org/wiki/First_steps First ..
su 초기 비번 설정 linuxize.com/post/wget-command-examples/ Wget Command in Linux with Examples GNU Wget is a command-line utility for downloading files from the web. linuxize.com sudo passwd 명령어를 통해 root 비번을 설정 sudo passwd sudo passwd root 다름 리부트 해야함 -- www.postgresql.org/download/linux/debian/ PostgreSQL: Linux downloads (Debian) Linux downloads (Debian) PostgreSQL is available in all Debian versions by default...
useLayoutEffect 사용 kentcdodds.com/blog/useeffect-vs-uselayouteffect useEffect vs useLayoutEffect The simple rules for when to use each. kentcdodds.com 스크롤 문제때문에 useLayoutEffect를 사용함 근데 useLayoutEffect(() => { window.scrollTo(0, 0); }, []); 이게 만약 checkbox 클릭할때마다 또 렌더되니깐 계속 실행된다. 그래서 빈 리스트를 넣어줘야 초기 한번만 실행된다.

티스토리툴바