우당탕탕 개발일지

VSCODE에서 react 프로젝트 생성하기우선 vscode extensions에서 react를 다운받도록 한다. 프로젝트 폴더를 생성한다. 프로젝트 폴더를 만들고, 아래 명령어를 통해 react프로젝트를 생성한다npx create-react-app##실행하기 : pacakge.json에서 확인가능##npm run start React-Router-Dom리액트라우터돔은, 유저의 상태나 요청에 따라서 적합한 콘텐츠로 이동시켜주는 기능을 수행한다.  예를들어 보기를 눌렀을 때 로그인 된 유저라면 페이지로 유도하고, 아직 로그인이 되지 않았다면 페이지로 유도해야한다. 이러한 기능을 도와주는것이 react-router-dom 이다.  라이브러리를 npm 을 이용해 다운받는다.npm install react..

index.js에서 정의했던 users.main.js router를 살펴보자. 우선 index.js 의 router 정의 부분은 다음과 같았다.const userRouter = require("./src/users/users.main");app.use("/api/users", userRouter); app.use() 부분에서 경로를 /api/users로 설정했었기 때문에, 만약 user.main.js에서 라우터 경로를 /login 으로 설정하면 최종 경로는 /api/users/login 이 된다. 스크립트는 총 2개로, 함수를 담당하는 uesrs.main.js 와  모델을 담당하는 users.models.js 이다.더보기더보기더보기users.models.jsconst mongoose = require("..

1. nodeJs 다운로드 받기. 다운로드를 받은 뒤 아래 명령어를 통해 정상적으로 다운되었는지 확인한다.node -v  2. 프로젝트를 하나 만들고, VSCode를 켠다. 터미널에서 npm 초기화및 express를 설치한다.npm initnpm install express --save //express 설치##실행명령어는 다음처럼하면된다.npm run --save 옵션은 package.json에 표시되어서 다른사람도 확인할 수 있게끔 하는 옵션이다. npm 대신 yarn을 사용해도 무관하다. 3. MongoDB 사이트 접속, 로그인 및 클러스터 생성.클러스터를 생성하면 아래와 같은 URI값을 주는데 , 스크립트 안에서 이 URI를 통해 몽고디비와 연결할 수 있다. mongodb+srv://[계정이름]:..

Unity에서 제공하는 Screen Capture를 이용해 스크린샷을 찍고, Native Gallery 를 이용하여 갤러리에 저장한다. 순서는 다음과 같다.1. 프레임 준비를 위해 Coroutine을 이용해 waitforEndofFrame()을 호출2. 파일이름을 지정3. 찰칵4. 갤러리 저장을 위해 퍼미션 체크5. 갤러리저장  1. 프레임 준비를 위해 Coroutine을 이용해 waitforEndofFrame()을 호출 public void CaptureScreen() { StartCoroutine(MakeScreenShot()); } private IEnumerator MakeScreenShot() { yield return new WaitForEn..

# FROM ubuntu:22.04 # RUN sudo apt install nodejs # RUN sudo npm install -g yarn FROM node:14 COPY ./index.js /index.js COPY ./package.json /myfolder/ COPY ./yarn.lock /myfolder/ WORKDIR /myfolder RUN yarn install COPY . /myfolder/ CMD yarn nodemon index.js # docker exec -it [containerId] /bin/bash 도커로접속 # docker stop [containerId] //도커 컨테이너 종료 도커 이미지 빌드하는방법 Dockerfile 에 작성하기> docker build 를 하면 ..

이전 문제들은 여기에 https://journal-devchop.tistory.com/33 [Linux] OverTheWire Lv0 ~ Lv10 https://overthewire.org/wargames/bandit/bandit0.html journal-devchop.tistory.com https://journal-devchop.tistory.com/34 [Linux] OverTheWire Lv11~ Lv20 다른문제들은 아래 링크 [Linux] OverTheWire Lv0 ~ Lv10 https://overthewire.org/wargames/bandit/bandit0.html journal-devchop.tistory.com [Linux] OverTheWire Lv21~ Lv34 Lv20 jour..

다른문제들은 아래 링크 [Linux] OverTheWire Lv0 ~ Lv10 https://overthewire.org/wargames/bandit/bandit0.html journal-devchop.tistory.com [Linux] OverTheWire Lv21~ Lv34 Lv20 journal-devchop.tistory.com lv11. tr 명령어에 대한 문제이다. 아스키에서 a의 13번째 위 문자는 n이다 문자 a-z 를 n-z,a-m 으로 변경하는 명령어는 다음과 같다. cat data.txt | tr '[a-z]' '[n-za-m]' ##대문자도 적용하려면 cat data.txt | tr '[a-z]' '[n-za-m]' | tr '[A-Z]' '[N-ZA-M]' ## 간단하게 줄이면 아..

https://overthewire.org/wargames/bandit/bandit0.html