본문 바로가기

전체 글89

[React] webpack 설치하기 1 create-react-app 명령어 없이 webpack 설치하기 1. npm init 전부 엔터치다가 author 만 입력 author : 본인이름 - > package.json 파일이 생성된다. 2. npm i react react-dom i : 설치 단축어 package.json 파일의 dependencies 에 생성된다 3. npm i -D webpack webpack-cli -D : 개발할때만 쓰인다를 의미하는 옵션. 실제 서비스에는 웹팩 필요 x package.json 파일의 devdependencies 에 생성된다. 4. npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader npm i react-refresh @pmm.. 2022. 2. 15.
[kubernetes] 쿠버네티스 katacoda 에서 경험해보기 1. 쿠버네티스 Launch Single Node Kubernetes Cluster 실행 https://katacoda.com/courses/kubernetes/launch-single-node-cluster Launch Single Node Kubernetes Cluster | Kubernetes | Katacoda Learn how to launch a single node Kubernetes cluster using Minikube. Learn Step 1 - Start Minikube, Step 2 - Cluster Info, Step 3 - Deploy Containers, Step 4 - Dashboard, via free hands on training. katacoda.com 2. 마지막 .. 2022. 2. 15.
[React] 리액트 기본 개념 1. React 에서 사용하는 기본개념 공부 State : 바뀔 여지가 있는 부분, 변하는 부분 ( 버튼클릭 시 ~~로 변한다) setState : 수동으로 바꿔야 하는 부분 onSubmit : 주로 form 태그가 있을 때 사용 onClick : form 없이 버튼만 클릭할 때 사용 jsx : js + xml Node : 자바스크림트 실행기. 서버x 2. class 와 hooks 의 차이 - class setState 가 일어날 때마다 렌더링된다. Render 부분만 렌더링 된다. - hooks hooks 로 함수 만들어서 실행하면 함수 전부가 렌더링된다. class 보다 더 오래 걸릴 수 도 있다. 3. 함수를 사용하는 이유 rendering 할 때 마다 함수를 새로 만들면 낭비이기 때문에 함수 따로.. 2022. 2. 15.
[React] webpack.config.js devServer publicPath 오류 / 해결 ✓ 문제 [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'publicPath'. These properties are valid: object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, o.. 2022. 2. 7.
aws simple icons / 아키텍쳐 diagram 그리기 공유 / 아키텍쳐 참고 사이트 https://aws.amazon.com/ko/architecture/icons/ AWS 아키텍처 아이콘 아키텍처 다이어그램은 설계, 배포, 토폴로지에 관해 커뮤니케이션할 수 있는 유용한 방법입니다. 이 페이지에서 다이어그램을 구축하는 데 도움이 되는 AWS 제품 아이콘, 리소스 및 기타 도구가 aws.amazon.com https://app.diagrams.net/ Flowchart Maker & Online Diagram Software Flowchart Maker and Online Diagram Software diagrams.net (formerly draw.io) is free online diagram software. You can use it as a flowchart maker, net.. 2022. 1. 28.
[Git] Git Flow 방식으로 협업 / 프로젝트 관리하기 Git 사용법 (VScode) Git Flow 로 협업하기 Master - develop - feature 1. Git Extension Pack 설치 2. Git repository 클론 3. New issue 클릭 4. issue 등록 제목에 기능입력 -> Submit new issue 버튼 클릭 5. issue 등록된 번호확인 6. branch 생성 issue 등록된 번호로 브랜치이름 생성 ( 예시 : feature/1 ) 이 branch 에서는 해당 기능 업데이트하기 6-1. Commit 6-2. Push 5. 생성된 branch에 수정한 코드 올리기 6. develop branch 에 merge 2022. 1. 27.
[Mac/Linux] cat / date 명령어 - date >> date > 차이점 터미널 갖고놀기! xshell 에서 공부 한 Linux 명령어 Mac 터미널에서 실행해보기 1. cat 명령어로 파일 생성, 내용입력, 출력 $ cat >hello.prac // 현재 폴더에 hello.prac이라는 파일 생성 및 내용 저장 echo helloworld! :q ^C // command+C 로 탈출 $ ls copyfolder1hellohello.prac $ cat hello.prac // 내용 출력 echo helloworld! :q 2. 내용 복사 후 출력 $ cat hello.copy // hello.prac 내용 hello.copy 파일에 복사 $ more hello.prac hello.copy // hello.prac, hello.copy 파일 내용 출력.. 2022. 1. 17.
[Mac/Linux] file, directory 생성/삭제/복사/구조확인 터미널 갖고놀기! xshell 로 공부한 Linux 명령어 mac 터미널에서 실행 1. file, directory 생성 / 이동 $ mkdir linuxprac // linuxprac directory 생성 $ cd linuxprac // linuxprac 폴더로 이동 $ touch one two three // 파일 생성 $ ls // 현재 폴더안에 있는 폴더 및 파일 확인 onethreetwo $ tree // tree 구조확인 . ├── one ├── three └── two 2. 파일, 폴더 삭제 $ mkdir folder1 // folder1 폴더생성 $ tree . ├── folder1 ├── one ├── three └── two 1 directory, 3 files // 위에서 touch.. 2022. 1. 17.
[MAC] homebrew mysql 나가기 / 실행중지 명령어 1. mysql 모니터창에서 나가기 mysql> exit Bye 2. brew 에서 mysql 실행 중지 $ brew services stop mysql Stopping `mysql`... (might take a while) ==> Successfully stopped `mysql` 2022. 1. 17.

티스토리툴바