일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- 코딩테스트
- FigJam
- 해시
- TAILWIND
- 자료구조
- 피그마
- docker
- express
- Javascript
- HTML
- useMemo
- Stack
- render
- grid
- Next.js
- FIGMA
- 프로그래머스
- Taillwind
- webpack
- TypeScript
- hook
- CSS
- git
- EC2
- axios
- useCallback
- SSR
- github
- react
- Babel
- Today
- Total
목록TypeScript (5)
나는 오늘도 멋있다
useState란? 기존의 클래스 컴포넌트보다 간결하고 명확한 문법을 가지는 함수형 컴포넌트에서 상태변수를 추가할수 있게 해주는 hook이다. 상태변수: 프로그램이나 애플리케이션의 현재 상태를 나타내는 변수다. React에서의 상태변수는 주로 컴포넌트의 상태를 나타낸다. useState 왜 사용해야 할까? React의 함수형 컴포넌트에서 useState는 핵심 hook이라고 볼수 있다. 왜 핵심일까? 상호 작용의 결과로 화면의 내용을 변경해야 하는 경우가 많다. 즉 여러가지 상태변수를 간단하게 정의하고 업데이트하는데 사용된다. useState 구문 const [state, setState] = useState(initValue) initValue: 컴포넌트가 처음 마운트될때 사용되는 초기값 state: ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b9D3Hw/btsAD2vTLoE/pbScYwYdPOcEFNUFSkdkLK/img.png)
[학습계기] NextJS를 학습하려다가 너무 돌아갔다가 지금 도착했다.. Webpack을 공부하고, module의 차이점을 비교하였다. 단순히 NextJs만 사용해서 SSR을 단순히 구현할 수 있지만 NextJS가 React의 프레임워크 인데 React로는 SSR을 구현할수 없을까? 라는 의문점과 NextJS 의 편의성을 좀더 직관적으로 느껴보고 싶어서 React로 SSR을 구현해보고 싶었다. 이것저것 고생도 했지만 해보길 잘한 것 같다. [클라이언트 설정] 1. react & typescript 패키지 설치 npm i react react-dom react-router-dom npm i -D typescript @types/react @types/react-dom 2. 기본파일구성 /* src/cli..
너무 오랜만에 글을 작성한다. 가족여행을 갔다와서 글을 작성하기전에 이것저것 테스트해보고 확인을하는데 해결하다보니 시간이 오래걸렸다. 시간이 좀 지나다보니 지날글에서 했던것들을 간단히 정리해보고 가려한다. 지난글들에서는 webpack을 이용하여 개발서버를 열었고, babel-loader를 사용하여 preset - react,typescript,js등 설정하고, css또 적용하였다. 하지만 현재는 많은것들이 추가되어 작성한 코드를 토대로 리뷰하는 형식으로 작성하려한다. 1. webpack.dev.js const path = require('path'); // HTML파일 생성을 단순화하며, 나만의 템플릿을 제공하도록 할수있다. const HtmlWebpackPlugin = require('html-webp..
요즘 정신이 말짱하다. 학습하는대로 내머리에 다들어오는데 누군가가 머리를 계속 감겨주는 것 같은 느낌이다. 그래서 TypeScript를 좀더 알아보려고한다. 어느순간부터 TypeScript를 쓰고있었고 React에 타입을 명시하기 바빳다. 이런 기분에 학습하면 좀더 TypeScript를 더 다룰수 있을까해서 급하게 적어본다. 지금 당장 Google에만 TypeScript란 이라고 치면 엄청나게 많은 블로그들이 많이 뜬다. 그래서 나는 나처럼 깊게 알지 못하는 사람이 있을 수 있다고 생각하여 공식문서를 봤다. "프로그래머들이 작성하는 가장 흔한 오류는 타입 오류입니다: 다른 종류의 값이 예상되는 곳에 특정한 값이 사용된 경우입니다. 이는 단순한 오타, 라이브러리 API를 이해하지 못한 것, 런타임 동작에 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/JVTyp/btszwc0HIfI/BSWndCtCqltIKaBdmHbDm1/img.png)
React를 통해서 CRUD를 구현했다. (디자인은 신경쓰지않고 기능에만 집중했다...) 클라이언트를 구성하는건 어렵지 않았다. 다만 이렇게하고싶다 라는 생각때문에 조금씩 바뀐다.. 내가 작성한 코드를 처음으로 리뷰해본다. GitHub - JangIkIk/React-TodoList Contribute to JangIkIk/React-TodoList development by creating an account on GitHub. github.com [프로젝트 구조] React-TodoList ├─ .gitignore ├─ README.md ├─ backend │ ├─ .env │ ├─ express.ts │ ├─ package-lock.json │ ├─ package.json │ └─ tsconfig.j..