| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 스프링부트
- JWT
- 큐넷
- 정보처리기사
- JS
- 백엔드개발자
- spring boot security
- security
- TS
- TypeScript
- 수제비
- React
- Authentication
- 백엔드
- Node.js
- 리액트
- useState
- Redux
- frontend
- spring boot
- 자바스크립트
- 웹개발자
- spring
- It
- Front-End
- VUE
- 정보처리기사 실기
- JavaScript
- 프론트엔드
- 타입스크립트
- Today
- Total
목록JSX (2)
솔적솔적
안녕하세요, 오늘은 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 보드살롱 : 네이버 블로그 즐겁고 유쾌한 기획자, 개발자, 디자이너, ..