전체 글 17

Spring Boot 개발 환경 구축(Visual Studio Code 이용)

VisualStudioCode를 이용하여 SpringBoot 개발 환경을 구축해보자 1. VisualStudioCode 설치! https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. cod..

공부/java 2022.06.21

Linux 설치(CentOS)

Linux 설치를 해보자! 개발자라면 Linux를 설치할 줄 알아야 하지 않을까. 그러므로 Linux 설치하는 방법을 알아보자. linux 종류에는 정말 다양하게 여러가지가 있지만 그중에서 redhat 기반의 CentOS를 설치해보자. 1. VMware 다운로드 VMware Workstation Player 다운로드 | VMware | KR 먼저 가상 머신을 실행할 수 있는 VMware Pro를 다운로드 2. CentOS 다운로드 Download (centos.org) Download Home Download Architectures Packages Others x86_64 RPMs Cloud | Containers | Vagrant ARM64 (aarch64) RPMs Cloud | Containers..

공부/linux 2022.06.21

react hook

Hook ?? 1. state hook useState를 이용하여 현재의 state 값과 이 값을 업데이트 하는 함수의 쌍 import './App.css'; import {useState} from 'react'; function App() { const [data , setData] = useState((new Date().toString())); return ( react hook {data} { setData(new Date().toString()); }}> 현재시간 ); } export default App; 2. Effect hook class 생명주기의 componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것? 첫번째 랜더링과 이..

공부/리액트 2022.06.20

react component

1. 컴포넌트란? "독립적인 기능을 수행하는 단위 모듈" 소프트웨어의 재사용성을 높이고 유지보수를 용이하게 하기 위해 나온 기술 리액트에서 컴포넌트는 앱을 이루는 최소한의 단위 여러개의 컴포넌트가 모여 하나의 앱을 구성 2. 함수 컴포넌트와 클래스 컴포넌트 함수 import React from "react"; function SecondComponent(){ return SecondComponent } export default SecondComponent; 클래스 import {Component} from 'react'; class FirstComponent extends Component{ render(){ return( FirstComponent ) } } export default FirstCom..

공부/리액트 2022.06.20

CORS

CORS(Cross-Origin Resource Sharing) 교차출처 리소스 공유 protocol, host, port가 일치해야 가능 http://localhost:8080 => http://localhost:8081(X) http://localhost:8080 => http://localhost:8081(X) 셋다 일치해야 가능함. 하나라도 다르면 안됨 IE11은 포트가 달라도 된다는데 확인안해봄. IE 안씀 xhr, axios, fetch비교 1. xhr 사용 - 2. axios 사용 - 3. fetch 사용 - jquery를 이용하여 ajax 호출하는게 쉬움....jquery는 그만쓰자 preflight 없는 Simple-Request 가능 Content-Type application/x-ww..

공부/리액트 2022.06.16