[MySQL] 테이블 COLUMN 순서 변경 명령어
COLUMN 순서 변경 명령어 ALTER TABLE '테이블 이름' MODIFY COLUMN '컬럼 이름' '자료형' AFTER '앞에 올 컬럼 이름'; > ALTER TABLE user MODIFY COLUMN email varchar(20) AFTER phone; AFTER 앞에 쓴 컬럼 뒤에 순서로 변경되고 첫 번째로 변경할 경우 컬럼명 대신 FIRST를 입력한다.
2021.06.28
꾸생의 DevLog
꾸생의 DevLog
분류 전체보기 (206)
[MySQL] 컬럼 NULL/NOT NULL 변경 명령어
NULL/NOT NULL 변경 명령어 ALTER TABLE '테이블 이름' MODIFY '컬럼 이름' '컬럼 타입' 'NULL or NOT NULL'; > ALTER TABLE USER MODIFY user_id varchar(12) NOT NULL;
2021.06.26
[React] 리액트 웹팩(Webpack) HotModuleReplacementPlugin
HotModuleReplacementPlugin 웹팩 hot-loader에서 계속 오류가 나는 상황으로 계속 삽잘하던 와중 HotModuleReplacementPlugin으로 빌드 없이 자동으로 결과화면을 확인할 수 있게 되었다. webpack.config.js new webpack.HotModuleReplacementPlugin({ // Options... }); 공식문서 const { HotModuleReplacementPlugin } = require("webpack"); ... devServer: { contentBase: path.join(__dirname, '/'), host: 'localhost', port: 9000, hot: true, proxy: { '/api': 'http://loca..
2021.06.22
깃허브 강제 푸시 명령어
깃허브 강제 푸시 명령어 가끔 깃허브에 들어가 readme를 수정할 때가 있는데, 해당 리포지토리를 로컬에 pull 해야하지만 잊어버리고선 나중에 소스코드를 수정하고 푸시를 해버릴 때 오류가 난다. 코드를 직접 깃허브에서 수정하는 건 아니기 때문에 그럴땐 업데이트된 readme 파일 내용만 로컬에 저장하고 강제로 푸시 > git push -u origin +master
2021.06.22
REST API 알아보기
- REST API란? REST는 URI, Resource, HTTP Method를 통해 해당 자원에 대한 CRUD 작업을 수행한다는 의미. 기본적으로 HTTP 프로토콜을 사용하며 네트워크 상에 클라이언트와 서버가 통신하는 방식 중 하나이다. URI(Uniform Resource Identifier, URI) : 인터넷에 있는 특정 자원을 나타내는 유일한 주소 RESTful은 REST 아키텍처를 구현하는 웹 서비스를 나타내기 위해 사용하는 용어로, REST API를 사용하는 웹 서비스나 애플리케이션은 'RESTful'하다고 할 수 있다고 한다. - URI URI는 인터넷에 있는 정보의 자원을 표현하는 방법으로 아래와 같은 주소 형식이 URI이다. Ex) http://www.restapi.uri.com/m..
2021.06.22
[React] 리액트 웹팩(webpack) 이미지 경로 설정하기
리액트 웹팩(webpack) 이미지 경로 설정 웹팩 설정이 참으로 복잡하던와중.. 하나하나 알게된 점을 기록해 놓으면 좋을 것 같아 작성해봅니다. webpack.config.js 파일을 설정해서 번들링했을때 dist 폴더에 내가 작성한 코드며 이미지며 가득 차버린다. 그래서 이미지는 imgs 폴더를 따로 만들어서 빼고 싶어서 웹팩 설정 방법을 알아봤습니다. webpack.config.js module.exports = { module: { rules: [ { test: /\.(png|jpe?g|gif)$/i, loader: 'file-loader', options: { name: 'imgs/[name].[ext]', //[폴더명][파일명][ext] }, } ], }, }; 이미지 파일들은 이름 그대로 '..
2021.06.21
[React] 리액트 PureComponent/React.memo 컴포넌트 리렌더링 방지
PureComponent / React.memo - 클래스형 컴포넌트의 경우 리액트에서는 state 값을 자동으로 체크하고 렌더링 여부를 결정해주는 컴포넌트를 PureComponent라 부른다. 일반적으로 사용하는 Component의 경우 같은 값으로 setState 할 경우 렌더링이 이루어지는데, 웹의 구성요소가 무수하게 많을 경우 엄청난 자원낭비가 발생한다. 이럴 경우 보통 PureComponent를 사용하면 좋다. 하지만 값이 변경 됬다 하더라도 랜더링하고 싶지 않을때도 있기 마련이다. 그럴경우 shouldComponentUpdate() 라이프 사이클을 사용하여 렌더링을 제어할 수 있다. import React, { PureComponent } from 'react'; class BlahBlah e..
2021.06.19
[React] 리액트 라이프사이클(생명주기)
리액트 라이프사이클 컴포넌트 생성 -> 업데이트 -> 제거 //▼▼▼▼▼▼▼▼▼▼ 리액트 컴포넌트 생명주기 ▼▼▼▼▼▼▼▼▼▼ constructor(){ // 메서드 바인딩 및 state 초기화할 때 사용 } componentDidMount(){ // 처음에만 실행되며, 다음 랜더링할때는 실행 안함. // 외부에서 데이터를 불러온다면 네트워크 요청 작업에 적절한 위치 // AJAX, SetTimeout, setInterval 사용에 적절한 위치 } // ▼ shouldComonentUpdate(nextProps, nextState, nextContext) { //성능최적화용 if(this.state.value !== nextState.value){ return true; //렌더링 함 } return f..
2021.06.19