CRA에서 모든 라이브러리가 dependency에 들어가있는 이유는? 저도 궁금해서 찾아봤는데요. 댄 아브라모브가 말하길, CRA는 모든 라이브러리를 bundle된 이후에 사용하기 때문에, devdepedency와 구별이 무의미하다고 생각했고, 혹시나 있을 스크립트 오류를 방지하기 위해 dependency에 모든 라이브러리를 넣었다고 합니다. node app 같은 경우에는 dev와 구별짓는 것이 의미가 있는데, CRA는 node app이 아니라는 것이다. "엥? CRA에서도 npm start 같은 걸로 실행하는데 뭐가 node app이 아닙니까?" 웅 아니다. CRA에서 npm start는 react-script 라는 라이브러리를 이용하는데, 요녀석은 webpack으로 src/index.js 를 entr..

신문 1면에 자살 사건이 보도되면 전용기나 여객기 등 비행기 추락 사고가 급증한다. 몇몇 자살 사건이 대대적으로 보도된 직후에는 비행기 추락 사고로 인한 사망자 수가 1000%까지 급증한 것으로 밝혀졌다. 더 놀라운 사실은 비행기 사고뿐 아니라, 자동차 사고도 급증한다는 것이다. 도대체 원인이 무엇일까? 일단 다음과 같은 설명을 생각해볼수있다. "모종의 동일한 사회적 조건이 어떤 사람들한테는 자살 충동을 또 어떤 사람들한테는 교통사고를 일으킨다"는 것이다. 예를 들어서 어떤 사람은 경기 침체나 범죄 증가, 국제 분쟁 같은 사회적 사건들로 극심한 스트레스를 받으면 우울해진 나머지 자살을 선택한다. 하지만 같은 사건에 대해 불안, 초조, 분노, 혼란 등 전혀 다른 반응을 보이는 사람도 있다. 이런 사람들이 ..

오히려 일을 망치는 시간 관리 https://www.youtube.com/watch?v=AMmCuvf7wEw 한권의 책을 읽을 시간은 없어도 누구나 한편의 시를 읽을 시간은 있다. 우리가 없는 것은 시간이 아니라, '이유'와 '여유'다. 우리한테 과연 시간이 정말 없을까? 모두들 바쁘다를 입에 달고 살아간다. 맞다. 실제로 진짜 바쁜 사람들이 있다! 근데, 그렇게 바쁜거에 매몰되어버리면, 악순환에 있는 것이다. 그냥 막 진짜 정신없이 바쁘면은 그럼 자신이 지친다. 지치면 바쁜데 에너지가 없다. 그럼 이제 효율이 안나오기 시작한다. 일은 바쁘고, 일은 다 못했고, 더 바빠진다. 결국에는 우리가 거기서 육체적으로든 정신적으로든 뭔가 더 에너지를 만들어내서 그 악순환을 깨야되는데, 오로지 그냥 돈을 벌기 위해..

인생을 망치는 최악의 변명 https://www.youtube.com/watch?v=0LrtePPwedM 이게 노력인가 재능인가라는 각자마다의 생각이 있을 것이다. 부지런해야한다 무조건 게으른 건 어떤 것도 변명이 될 수 없다. 여러분이 어떤 필드에 있든 어떤 걸 하든 어떤 곳을 바라보고 있든 그런건 여러분한테 플러스 알파가 절대 될 수 없다. 마이너스 알파이다. 그러기 때문에 무조건 올바른 방법으로 노력해야한다. 그러면 누구나 행복한 인생을 살 수 있다. 지름길은 없다. 1만 시간의 법칙의 안데르스 에릭슨이라는 사람이 있다. 되게 유명한 사람인데, 무엇으로 유명하냐면, 대가를 연구하는 대가로 유명하다. 이 대가들이, 최고의 슈퍼스타들이, 최고의 프로들이 어떻게 그렇게 성장했는가를 연구하는데 대가인 것이..

https://gracefullight.dev/2019/11/26/import-json-with-typescript-ts5071/ { "compilerOptions": { "moduleResolution": "node", "resolveJsonModule": true, "esModuleInterop": true } } 위 코드를 tsconfig.json에 설정해주자.

webpack과 webpack-dev-server의 버전이 맞지 않아서 생기는 에러이다. 버전을 맞춰주거나 wenpack serve를 사용해주자

typescript-exercises.github.io 1번 unknown 타입을 새롭게 정의해주면 된다. export type User = { name: string; age: number; occupation: string; }; export const users: User[] = [ { name: 'Max Mustermann', age: 25, occupation: 'Chimney sweep' }, { name: 'Kate Müller', age: 23, occupation: 'Astronaut' } ]; export function logPerson(user: User) { console.log(` - ${user.name}, ${user...

CSR에서 SEO는 어떻게 해결할 수 있는가? 출처 메타 태그 사용으로 해결할 수 있다. title태그와 meta 태그를 활용한다. 타이틀 위와 같은 태그들을 통해서, 검색엔진에 공유할 때 원하는 정보를 인식하여 노출할 수 있게 된다. React에서도 이를 위한 react-helmet, react-snap같은 라이브러리들이 존재한다. 하지만, SSR보다는 매끄럽지 못하긴하다고 한다.