| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- frontend
- 자바스크립트
- Node.js
- spring boot
- 프론트엔드
- 백엔드
- Redux
- 웹개발자
- VUE
- 백엔드개발자
- spring boot security
- Front-End
- 정보처리기사 실기
- It
- 타입스크립트
- JWT
- JavaScript
- 수제비
- 리액트
- TypeScript
- 정보처리기사
- Authentication
- 스프링부트
- React
- TS
- 큐넷
- useState
- spring
- JS
- security
- Today
- Total
목록데이터바인딩 (3)
솔적솔적
Store.js를 빼다가 쓰는 법을 알아보자. 그전에 저번 시간에 말했던 것 복습. Redux를 왜 사용하는가. 👉 이유는 컴포넌트간에 state공유가 불편할 때 사용한다. redux를 사용하면 redux store.js통 안에 state들을 다 넣고 빼서 사용할 수 있기 때문이다. 그럼 props전송이 필요없는 이점이 있기 때문. 리덕스 스토어안에 있던 스테이트들은 모든 컴포넌트들이 직접 통신을 해서 store.js안에 있는 state을 가져가서 쓸 수 있으니 props전송을 안해도된다는 것! 그럼 이 store.js 파일에다가 state만드는 법을 알아보자. 일단 Store.js 파일안에다가 createSlice() 쓰고 import해야한다. useState와 비슷한 용도임 store.js impor..
안녕하세요, 오늘은 Component문법을 사용하여 모달창을 만드는 방법을 알아가봅시다. 1. 모달창 만들기 1. 작성한 글 바로 밑에 로 하나의 영역을 만들기 2. 안에 작성할 내용 넣기 3. App.css 디자인 근데, 이 모달을 한 번만 하진 않을텐데 계속 div를 만들면 헷갈리고 복잡하지 않을까? 그래서 리액트에서는 그 문제를 간편하게 만들 수 있는 방법, HTML를 한 단어로 축약할 수 있는 Component문법을 방법을 사용한다. 내가 정하고 싶은 단어로 정해서 한 줄로 넣어놓을 수 있다. 아범은 Model이라고 했지만 명을 어떻게 지어도 무관하다는 것. 4. function APP의 return 부분 괄호까지 끝나는 부분쯤에 Component를 만든다. 이것이 컴포넌트 문법이다. 1...
저번시간에는 리액트에 대한 간단한 셋팅과 리액트를 쓰면 좋은 점들에 대해서 알아보았고, 이번 시간에는 리액트에서 데이터바인딩을 하는 법과 navbar를 만드는 법, 변수를 선언할 때 state로 데이터를 저장하는 방법에 대해서 알아보겠습니다. 그리고 혹시 보고 계신 분들 중에 🎲보드게임🎲이나 프로젝트📂에 관심있으신 분들 계신가요? 사이드프로젝트팀과 보드게임 중고거래 플랫폼을 진행하고 있는데, 기획부터 개발과정까지 오픈, IT관련 정보를 공유하자는 목적으로 팀과 함께 네이버 블로깅도 운영하고 있습니다. 관심있으신 분들이 있으시다면 살짝쿵 방문해주시면 감사하겠습니다. https://blog.naver.com/boardgetddo_team 보드살롱 : 네이버 블로그 즐겁고 유쾌한 기획자, 개발자, 디자이너, ..