분류 전체보기155 5일차 | react4(Icon, styled) CSS Module -리액트 프로젝트에서 컴포넌트를 스타일링 할 때 CSS Module 기술을 사용하면 CSS 클래스가 중첩되는 것을 완벽히 방지할 수 있습니다. -* CSS 파일 확장자를 .module.css로 해야함 - 파일ㅐ경로, 파일이름, 클래스이름, 해쉬값등 사용 react-icons (https://react-icons.github.io/react-icons/#/) yarn add react-icons styled-components JS안에 CSS를 작성하는 라이브러리입니다. yarn add styled-components App.js import React, { useState } from "react"; import Box from "./components/box" import Check.. 2022. 3. 14. 4,5,6일차 | react3(todoList) App.js import React from 'react'; import { createGlobalStyle } from 'styled-components'; //yarn add styled-components import TodoTemplate from './components/todoTemplate'; import TodoHead from './components/todohead'; import TodoList from './components/todolist'; import TodoCreate from './components/todoCreate'; import { TodoProvider } from './todoContext'; const GlobalStyle = createGlobalStyle`.. 2022. 3. 10. 3일차 | react2 component > createUser.jsx import React from 'react'; function CreateUser({ username, email, onChange, onCreate }) { return ( 등록 ); } export default CreateUser; component > userList01.jsx import React, { useEffect } from 'react'; function User({ user, onRemove, onToggle }) { // useEffect( () => { // // console.log('컴포넌트가 화면에 나타남'); // console.log(user); // console.log('user 값이 설정되었음'); // return.. 2022. 3. 10. 18일차 | 스프링부트 JWT 블로그 가상 서버 셋팅하기2 회원정보한건보기_6 GET: http://lalacoding.site/user/77 Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJjb3PthqDtgbAiLCJpZCI6NzcsImV4cCI6MTY0NjkwODI4OX0.VM_dzI4GKtPyzI5Be9omvEIX4-_2C-dniqjaocISnedg72bcoqXFH5gW7dpQn4eRBrmYGu79ML7H9d1QRGeE3w 게시글쓰기_7 POST: http://lalacoding.site:8080/post { "title":"게시글쓰기", "content":"id는 77" } 게시글목록보기_8,12 GET: http://lalacoding.site:8080/post 게시글한건보기.. 2022. 3. 10. 이전 1 2 3 4 5 6 7 8 ··· 39 다음
