목록웹 개발 (224)
dukDukz
1. 특정 브랜치 clone https://overcode.tistory.com/entry/GitHub-%ED%8A%B9%EC%A0%95-%EB%B2%84%EC%A0%84-Git-Clone-%ED%95%98%EA%B8%B0-git-clone-git-log-git-reset GitHub 특정 버전 Git Clone 하기 (git clone, git log, git reset) 최신 버전의 소스에 오류가 있거나 또는 특정 버전의 소스가 필요하거나 할 때 사용 할 수 있는 방법이다. 1. 평소와 같이 Git Clone 으로 프로젝트를 다운받는다. # git clone 2. Git Clone 한 경로로 이동 overcode.tistory.com 평소대로 clone 받은다음에 git reset --hard 해쉬값..
git clone https://github.com/hyejjun/Next_Redux_Setting.git # Next 사용하기 npm init // node js 개발환경 만들기 npm i react react-dom next pages 폴더 만들기 index.jst 파일 생성 해서 테스트 해보기 실행하려다 보니 npm run dev 명령어가 없어서 package.json 에 작성해줌 "scripts": { "dev" : "next dev", "build" : "next build", "start" : "next start" }, pages 폴더 안에 _app.jsx 만들어줌 그 전과 다르게 pageProps 내용을 삽입함 styleComponent 때문에 _document.jsx 파일과 babel 설..
~/ server 에서 서버 잠깐 끄고 $ netstat -na Command 'netstat' not found, but can be installed with: sudo apt install net-tools 이런 오류가 뜸 $ sudo apt-get install net-tools 이걸 깔아주면 된다. 그런 다음 다시 $ netstat -na - 가 붙었다는 것은 옵션이 붙었다는것! 다시 $ node server 할건데 백그라운드로 할거니까 $ node server.js & 하고 다시 $ netstat -na # 방화벽 풀기 1. 윈도우 제어판 2. 고급설정 3. 인바운드 규칙 4. 새 규칙 5. 포트로 선택 6. 특정로컬포트 3000 번만 7. 연결허용 8. 다음 9. 이름 : serverPort..
what is OS ?? - 우리가 접할 수 있는 운영체제는 WINDOW or IOS OS - Window - Linux - Unix - Mac Linux 의 장점 - 무료! 유닉스 : 리눅스랑 거의 흡사함 맥 : 유닉스 기반... 그래서 명령어같은게 비슷함.. 리눅스를 왜쓰냐..? CLI 보드로 실행할 수 있기 때문 CLI (커맨드 라인 인터페이스 - cmd 같은거) GUI (그래픽 유저 인터페이스 - 마우스로 클릭하면서 유저가 직접 사용) GUI 를 쓰면 CLI 에 비해 컴퓨터 성능이 떨어진다. - 그래서 터미널에서 쓰는 방법이 좋다는 것이다..! 비트코인 빌드를 할 때 리눅스에서 빌드할거임 # 빌드를 위해서, - 명령어 배울거임.. - 환경세팅 - 언어 : 쉘 스크립트 도 배울것이다. 쉘 스크립트 ..
사용자와 클라이언트 어플리케이션도 클라이언트.. 사용자가 보고 상호작용 할 수 있는 공간 - 클라이언트 # 블록체인 * 중앙화가 없다. 블록체인은 하나의 서버라고 생각하면 된다. 요청을 보낼 수 있는 방법이 존재해야 한다. 통신방법은 http 통신으로.. 그래서 브라우저는 어딘가에는 요청을 보내야함 근데 블록체인은 탈 중앙인데 어디에 요청을 보내야하나? 요청을 보낼 곳이 고정적이지 않다. 하나의 블록마다 하나의 서버라고 생각하면 된다. 그래서 어느 블록에 요청을 보내든 같은 값을 얻어올 수 있다. 그러면 어떻게 같은 값을 얻어올 수 있는가? 모든 서버에 똑같은 데이터를 담고 있는것 a 값을 달라고 요청을 보내면 모든 블록에 물어본다. a라는 값이 뭔지 물어봄 합의 알고리즘을 통해 다수의 블록이 갖고 있는..
front front 에서 고친게 있을때 gamgwi 안에서 $ git fetch origin master $ git pull origin master front 폴더로 들어가서 $ npx next build nginx 실행 $ sudo systemctl stop nginx $ sudo systemctl start nginx $ sudo systemctl status nginx npx 실행 $ sudo npx pm2 kill $ npx pm2 start npm -- start back back 에서 고친게 있을때 gamgwi 안에서 $ git fetch origin master $ git pull origin master back 폴더로 들어가서 nginx 실행 [https 때문에 설치함] $ sudo ..
[configureStore.js] SAGA - 웬만하면 프로젝트 단위가 클 때 사용 많이 한다. - 코드 생산성은 좋지가 않다. - 사용하는 이유 : 코드의 안정성 때문에 많이 쓴다. - function * yeild 로 내 코드가 어디서 오류 났는지 정확히 알 수 있어서 쓰는 경우가 대부분 - 설정하는게 까다로워서 - 설정 : wrapper에 내용을 넣어주기 cd / blog/front 에서 # npm install redux-saga - import createSaga from 'redux-saga' configureStore 미들웨어 넣어놓고 하나는 thunkMiddleware Store = createStore(reducer,enhancer) enhancer 는 미들웨어를 장착해주는 녀석 그래서..
0805 Next 빌드해서 올리는거 https 까지 하는거 - 보안을 위해서 local_front aws_front front 폴더를 github에 올려준다 aws_front 에서 ubuntu 계정을 열어준다 ssh -i "hyejun-laptop.pem" ubuntu@ec2-3-34-51-137.ap-northeast-2.compute.amazonaws.com 한개의 PC에는 한개의 포트만 사용가능 우리가 하려는거는 Next.js express 같은 서버가 하나 존재함. Nginx 는 하나의 웹서버임 # Nginx - 80번 포트로 실행했고 /home/ubuntu/[git저장소이름]/index.html 을 열어달라고 한다. 특정 파일을 열어줄 수 있게끔 해준다. # Next package.json sc..