분류 전체보기

NewPhilosopher 잡지와 ELSA

0. 새로운 철학적 사고를 위하여 나는 대학원을 다닐 때 스켑틱이라는 잡지를 알게 됐다. 워낙 무신론에 빠져 있었고, 와 에 미쳐있던 나는, 저자인 리처드 도킨스가 참여했다는 스켑틱을 알게 되었다. 그리고 그때 읽었던 글 중에 어렸을 때 아동학대 피해자가 커서 아동학대 가해자가 된다는 것은 통계적으로 거짓이라는 것이 아직도 생각난다. 사회적으로 시사할 수 있는 주제와 적절히 철학적인 개념이 있는 그 잡지는 나를 좀 더 이성적으로 만들어주곤 했다. 이번에 알게 된 잡지는 NewPhilosopher. 스켑틱을 번역해서 발간하는 바다출판사에서 하고 출간하고 있었다. 2월부터 정기구독을 할 예정이다. 좀 더 내 삶과 철학에 집중할 수 있지 않을까. 1. ELSA와 삶에서 중요한 것들 이번에 읽은 글을 좀 정리하..

리액트를 공부하는 순서와 공부해야할 것들, 샘플 프로젝트 추천

리액트로 몇 가지 프로젝트를 진행하면서 공부해야 할 체크리스트를 만들어봤습니다. 본인이 리액트를 공부하면서 아래의 목록을 모두 할 수 있는지 확인해 보는 것도 좋겠네요. 첫 번째, 리액트의 기초 개념에 대해서 (초급) 리액트를 하다보면 엄청나게 많은 의존 모듈을 설치하게 됩니다. 상태관리를 Context API에서 redux로 넘어가는 것처럼, 리액트가 가지고 있는 기능만으로는 빠르게 기능을 개발하기 어렵습니다. (그만큼 생태계가 잘 되어 있다는 뜻이겠죠.) 리액트 자체만 놓고 보면 초보 단계에서는 4가지를 공부해야 합니다. 1. 컴포넌트와 UI를 만드는 방법 : 여러분이 직접 컴포넌트를 만들어보는 것입니다. 컴포넌트를 만들고 컴포넌트끼리 결합하세요. 양쪽 컴포넌트에서 서로를 호출하고, 한쪽을 포함시켜 ..

성공하지 않은 기억은 나쁠 수 밖에 없다.

https://youtu.be/Lt_wZCqwa9A 처음에 되게 좋은 대표가 되려고 노력했다. 팀에 조인한 팀원들이 너무 고마워서 계속 잘해줬다. 항상 기회도 많이 줬다. 5년동안 계속 망하다보니 그분들 전부 좋은 경험으로 생각하지 않다는 것을 알게 됐다. 실패한 경험은 돌이켜보면 좋아할 사람이 없기 때문이다. 결과가 안 좋으면 과정이 좋았다고 하더라도 나쁘게 포장되기 마련이다. 프로젝트의 목표를 성공으로 두고, 아닌 것은 아니라고 얘기하는 것이 중요하다.

(Effective Typescript) 이펙티브 타입스크립트 스터디 시작!

먼 옛날에 사뒀던 책을 이제야 공부하려고 한다. 마이크로소프트가 만든 괴물인 "Typescript". 벌써 버전이 4.9버전이다. 먼 미래에는 5를 넘어 새로운 버전이 계속 생겨있겠지. 이 책은 2021년에 2쇄가 찍힌 책이다. 본문의 내용으로 말미암아 2.1버전 근처의 타입스크립트로 작성된 것으로 보인다. 그동안 deprecated 된 것이 있는지도 살펴보고 타입스크립트의 Best Practice가 뭔지도 알아보려고 한다. 혼자 하기는 당연히 어렵기에 다른 콘텐츠의 도움을 받아보려고 한다. 바로 인프런의 영상인데, 하단에 링크를 남겨두었다. 참고 1. 이펙티브 타입스크립트 스터디 https://www.inflearn.com/course/%EC%9D%B4%ED%8E%99%ED%8B%B0%EB%B8%8C-..

React 프로젝트 시작하는 여러가지 방법

1. CRA npx create-react-app 프로젝트명 -> 원래는 npm install -g create-react-app을 한 후 create-react-app을 실행해야하지만, npx로 바로 모듈을 실행할 수 있다. 2. yarn을 이용한 방법 yarn은 npm install -global yarn으로 설치한다. yarn create react-app ./ yarn start 3. vite을 이용한 방법 1) NPM 방법 npm 버전 6일 때 npm create vite@latest 프로젝트명 --template react npm 버전 7이나 그 이상일 때 (-- 가 한 번 더 들어감) npm create vite@latest 프로젝트명 -- --template react 2) Yarn 방법 ..

(환경설정) 프론트엔드 개발자를 위한 vscode 에디터 세팅과 확장프로그램(extension)

1. 들어가는 글 나는 모든 개발을 가르치기 전에 IDE나 에디터에 대해서 한 시간 정도 강의를 할애해야 한다고 생각하는 사람이다. 개발환경은 단지 코드를 작성하는 프로그램이라고 과소평가할 것이 아니기 때문이다. Rust가 C++를 대체할 수 있다고들 하지만 아직까지 Rust의 개발 환경이 제대로 갖춰지지 않아있기 때문에 쉽지 않을 거라는 비판이 많다. 개발환경은 그 자체가 프로그래밍 언어와 밀접한 관계가 있다. 인간이라면 프로그래밍 언어의 모든 클래스와 함수를 다 외울 수 없기 때문에 IDE가 미리 보기와 제안을 해주는 것이고, 모든 흐름을 알아보기 어렵기 때문에 디버거가 있으며, 모든 명령어를 외울 수 없기 때문에 자동완성된 명령어로 컴파일과 빌드를 하는 것이다. 컴파일과 빌드를 일일이 다 CLI로 ..

(React Router) 5. 중첩 라우팅

이전 글: https://moneytech.kr/72 (React Router) 4. contact.jsx 생성과 라우팅 이전 글: https://moneytech.kr/71 (React Router) 3. global layout을 추가해보자 이전글: https://princox.tistory.com/70 1. Root Route 구현하기 src 폴더 내에 routes라는 폴더를 구현하고 그 안에 root.jsx 파일을 생성합니다. moneytech.kr 1. 중첩 라우트의 목표 우리의 중첩 라우트라는 것은 루트 라우트 안에서 화면 라우팅이 되는 것이다. contact route를 root route 내부의 자식으로 만들어 줍니다. src/main.jsx const router = createBrows..

(React Router) 4. contact.jsx 생성과 라우팅

이전 글: https://moneytech.kr/71 (React Router) 3. global layout을 추가해보자 이전글: https://princox.tistory.com/70 1. Root Route 구현하기 src 폴더 내에 routes라는 폴더를 구현하고 그 안에 root.jsx 파일을 생성합니다. mkdir src/routes touch src/routes/root.jsx 꼭 커맨드를 사용할 필요 없습니 moneytech.kr 1. Contact Route UI 404 Not Found 페이지 대신에 실제로 무언가를 그려보자. 새로운 URL 링크를 걸기 위해서는 새로운 라우트가 필요하다. src/routes/contact.jsx를 만들자. touch src/routes/contact.j..