세계최강용사의 개발일기

dotenv 설치

npm install dotenv

.env

환경변수 파일을 프로젝트 파일에 생성 후 아래와 같은 양식으로 입력한다

TEST_TOKEN=TEST
MONGO_PASSWORD=PassWord

사용방법

require('dotenv').config()
const {TEST_TOKEN} = process.env

React는 데이터가 변할때마다 refresh 함.

이때 데이터가 변할때마다 refresh하지않고 화면 render시 초기 한번만, 혹은 특정 데이터를 바라보면서 변경하고 싶을때 

UseEffact를 사용한다.

import { useState, useEffect } from "react";
function App() {
  const [counter, setValue] = useState(0);
  const [keyword, setKeyword] = useState("");
  const onClick = () => setValue((prev) => prev + 1);
  const onChange = (event) => setKeyword(event.target.value);
  console.log("test");
  const iRunOnlyOnce = () => {
    console.log("I run only one");
  };
  useEffect(() => {
    console.log("i run only one"); //최초 한번
  }, []);
  useEffect(() => {
    if (keyword !== "" && keyword.length > 5) {
      console.log("Search For", keyword);
    }
  }, [keyword]); //키워드 변경시

  useEffect(() => {
    console.log("i run when keyword & counter change"); //키워드, 카운터 둘다 변경시 
  }, [keyword, counter]);
  return (
    <div className="App">
      <input
        value={keyword}
        onChange={onChange}
        type="text"
        placeholder="Search here..."
      />
      <p>{counter}</p>
      <button onClick={onClick}>click me</button>
    </div>
  );
}

export default App;

다이어트 4주차(토요일) 운동기록과 치팅데이 맛집 소개를 한다 !

[식단]

점심 : 다신 참치볶음밥 1개 (485Kal) + 단백질 프로틴
4시 치팅데이 학살 : 목감동 짬뽕지존(존맛탱)

저녁 : 고구마 + 단백질보충제

[운동 - 가슴]

* 인클라인 벤치프레스 머신

0kg - 12회 * 2세트
10kg - 12회 * 2세트
20kg - 12회 * 2세트

10kg - 12회 * 2세트

0kg - 20회 * 2세트

* 인클라인 덤벨 프레스

5kg - 12회 * 1세트
6kg - 12회 * 2세트
7kg - 15회 * 2세트

6kg - 12회 * 1세트

5kg - 20회 * 2세트

* 케이블 크로스 오버

10kg - 12회 * 5세트

[운동 - 삼두]

* 케이블 푸쉬 다운

20kg - 12회 * 5세트

[운동 - 어깨]

어깨 자세를 배운기념으로 사레레와 밀리터리 프레스 연습 0kg는 바무게만 !!

* 사레레

5kg - 10회 * 2세트

* 밀리터리 프레스

0kg - 12회 * 2세트

이렇게 오늘의 운동은 끝이나고 유산소 운동 겸 산책을 자주하는데, 물왕호수에 짬뽕이 맛있어 보이는 집이 있어서 "짬뽕지존"이라는 곳에 다녀왔다 !

짬뽕지존 위치

짬뽕지존 가는도중 물왕호수

산책 때마다 느끼지만 뷰가 넘 좋다 ㅋㅎ

산책도중 가까이에 오리가 있어 찍으러 다가가니까 궁디 흔들면서 토끼내 ㅡ,.ㅡ.. 여기 너구리도 있다는데,
언젠간 너구리도 보고싶다 ㅋㅋㅋ

짬뽕지존

짬뽕지존은 짬뽕 종류가 되게 많앗다 !!
나랑 와이프는 다이어트인 관계로 쌀국수 짬뽕을 픽!

짬뽕의 경우 매운맛 1단계 ~ 4단계까지 매운맛을 선택할 수 있는데 

글쓴이 : 2단계
와이프 : 1단계

요로케 시켰다 ~

보통 짬뽕은 기름 둥둥떠다니고 먹으면 되게 무거웠는데

짬뽕지존의 짬뽕은 되게 가볍고 기름도 많지않아 먹기 편했다 !!

사이트 메뉴로 찹살탕수육도 시켰는데 

너무너무 부드럽고 탕수육소스 죤맛탱 !!

다음 치팅 데이때 한번 더 방문해서 학살할 예정이다 :)

스타벅스

짬뽕을 먹고 마무리로 스타벅스에 들러 입가심을 해줬다 ~~


ps. 요즘 날씨가 너무 추워졌다 반바지, 반팔을입고 산책을했는데 여러분들은 따숩게 입고 운동하세요...

다이어트 3주차(금요일) 운동 기록을 남김!

[식단]

아침 : 다신 참치곤약주먹밥 1개 (200Kal) + 소고기 등심 30g

점심 : 다신 강된장비빔밥 도시락 (485kal) + 소고기 등심 30g

저녁 : 다신 강된장비빔밥 도시락 (485kal)  + 소고기 등심 50g

운동 후 단백질 프로틴

[운동 - 등]

* 랫풀다운

40kg - 12회  * 1세트
35kg - 12회  * 1세트

30kg - 12회  * 2세트

25kg - 12회  * 3세트

* 시티드 로우

40kg - 12회 * 2세트

45kg - 12회 * 1세트

50kg - 12회 * 2세트
40kg - 12회 * 1세트
35kg - 12회 * 1세트

* 바벨로우

25kg - 12회 * 1세트
20kg - 12회 * 2세트
15kg - 12회 * 2세트

* 케이블 풀 다운

20kg - 12회 * 5세트 

[운동 - 이두]

* 바벨컬

15kg - 12회  * 2세트
20kg - 12회  * 2세트

25kg - 10회  * 1세트

다이어트 3주차(목요일) 기록을 남긴다 ~~

[식단]

아침 : 다신 참치곤약주먹밥 1개 (200Kal)
아~점 간식 : 견과류 (160Kal)

점심 : 다신 전주비빔밥 도시락 (485kal)

저녁 : 다신 안동비빔밥 도시락 + 등심살 ( 800kal )

운동 후 단백질 보충제

[운동 - 하체]

* 핵스쿼트

0kg - 12회  * 2세트 (워밍업)

20kg - 12회  * 3세트

* 파워 레그프레스

80kg - 12회 * 2세트 (워밍업)

90kg - 12회 * 4세트

* 레그컬

35kg - 12회 * 2세트
45kg - 12회 * 3세트

* 레그 익스텐션

25kg - 12회 * 2세트
35kg - 12회 * 4세트

[운동 - 어깨]

어깨는 트레이너쌤이 같이 봐주셔서 엄청 집중해서 할 수 있었습니다.

* 사이드 레터럴 레이즈

(서서)
5kg - 20회  * 1세트 

4kg - 30회  * 2세트
3kg - 30회  * 2세트

(앉아서 견갑골고정 후)
2kg - 20회 * 3세트

* 밀리터레 프레스

0kg - 30회 * 2세트 (워밍업)
5kg - 20회 * 2세트
0kg - 20회 * 1세트 

5kg - 12회 * 1세트

0kg - 20회 + 버티기 1세트

[운동 후]

트레이너 쌤이 도와주셔서 그런가 어깨 펌핑이 장난아니었다.

Pt를 30회 정도 받아보면 알아서 잘할 것 같다고 30회만 받아보라고 하시는데, 

너무 비싸서 생각좀 해보겠다고 했음,,

30회 160만원이면 너무 비싸다 ㅜㅜㅜㅜ

일단 혼자 운동하면서 기초체력 키우는것을 목표로 해야지..

3주간 인바디는

체지방률 - 3%
골격근량 2kg 증가
몸무게 - 2kg

순항중이다 ~~ 앞으로도 열심히 달려야지 ~~

Git의 흐름도

기존 로컬폴더에서 소스를 Git 저장소에 올리는 방법

1. 올리고자 하는 폴더에서 마우스 우클릭 후 Git Bash Here 클릭한다.

2. 현재 폴더를 로컬 저장소로 지정한다

git init

해당 문구를 입력하면 폴더에 .git폴더가 생성된다.
.git 폴더의 역할은 각각의 파일들이 어떤 상태인지를 여러가지로 분류하여 관리한다.

3. 로컬 저장소의 현재 상태를 확인한다.

git status

빨간 글씨체로 보여지는 파일목록은 추적되지 않은 파일들(Untracked files)이다.

추적되지 않는 파일이란, 준비 영역이나 로컬 저장소에 한번이라도 add되거나 commit되지 않은 파일을 말한다.
반대로 Tracked files)은 최소한 한번은 gitt add 명령을 통해 준비영역에 포함되거나 commit을 통해 로컬 저장소에 저장된 파일이다.

4. 작업 공간의 파일들을 준비 영역에 추가한다

git add . //현재 디렉토리의 모든 변경내용을 스테이징 영역으로 넘김
git add "파일경로" //특정파일만

git add . 입력 후 만약 에러(warning: LF will be replaced by CRLF in .project.)가 발생한다면 그것은 문서의 개행 문자를 처리하는 OS 차이 때문에 발생하는 것이다.(참고 : 유닉스에서는 한 줄의 끝이 LF(Line Feed)로 이루어지는 반면, 윈도우에서는 줄 하나가 CR(Carriage Return)와 LF(Line Feed)인 CRLF로 이루어진다)

명령어 git config core.autocrlf true 를 입력 후 다시 add 하자.

5. 로컬 저장소에 최종 저장하는 단계이다.

git commit -m "메세지"

6. 로컬 저장소와 원격 저장소를 연결시킨다.

git remote add origin "Git Repository 주소"

* Origin은 별칭이다, 아무 별칭을 사용해도 무방

Git Repository 주소는 본인 Git 계정 접속 후 Repository 에서 Code를 클릭하면 가져올 수 있다.

7. 별칭 내역을 확인한다

git remote -v

8. 원격 저장소의 데이터를 동기화한다

git pull origin 브랜치명 --allow-unrelated-histories

브랜치명에는 따로 생성한 브랜치명이 없다면 master를 입력하면 된다. (Git은 기본적으로 master 브랜치가 생성된다)

8-1 브랜치 조회

git branch -a

9. 로컬 저장소의 파일들을 원격 저장소로 Push한다

git push origin master