TIL

scope&closure image.png set 함수에서 x가 선언되지 않을때 x는 전역변수 var x=30에서 불러온다 image.png inner함수안에서 x는 바로 밖의 var x=20을 참조한다 image.png 전역변수는 변하지 않았으므로 x는 10이 된다 ![image.png](https://images.velog.io/post-ima...

this image.png 객체가 변수에 할당되면 this는 window객체에 binding된다 -arrow function에서 this는 실행될때가 아닌 스코프단위(함수단위)로 바인딩된다 image.png 객체를 콘솔로그찍으면 객체이름이 아니라 객체 내용이 보이게 된다 -ES6에서 arrow function이 function + bind(this...

-에러가 나면 일단 개발자도구로 에러를 확인하자!!! 나도모르게 쓴 p때문에 날아간 내 3시간... -타입스크립트 버전때문에 에러가 났다.vscode에서 타입스크립트를 내장버전으로 사용하고 있던것.해결방법은 루트폴더를 서버와 클라이언트가 들어있는 폴더가 아닌 클라이언트폴더로 설정하면 되었다.

concat을 다음과 아래와 같은 방식으로도 쓸 수 있다. filelist는 배열이 아니라 바로 foreach를 쓸수 없다.하지만 length와 숫자인덱스는 존재하기 때문에 Array.prototype으로 감싸주면 forEach사용가능하다. 파일리스트의 각 파일들에 접근방법 HTMLelement들은 Type assertions으로 타입을 설정해줘야...

커밋메세지를 잘못 작성했을 시 수정하는법 과 같은 에러가 발생하였다 설치 후 의존성에 다음을 추가 후 루트에 .babelrc이름의 다음과 같은 파일 생성 fireEvent - testing library에서 event테스트에 사용 getAllByRole - testing library에서 태그에 role을 주고 불러올 수 있다. babel-poly...

POST메소드 vs PUT메소드 같은 요청이 POST로 2번 날라오면 POST는 자원을 2번 생성한다. POST는 리소스의 위치를 지정하지 않아 어느부분에 생길지 모른다.예를 들어 index가 임의로 생성된다는것이다. PUT은 식별자를 포함해야 하며 같은 식별자가 존재하면 덮어쓰기하고 없으면 새로 생성한다.PUT은 리소스의 위치가 지정되어있다.즉 inde...

git log --pretty=oneline: git cherrypick

객체 key,value 뽑는법

miniO 실행코드 /mnt/data/.minio.sys/config/config.json 의 파일을 수정하면 accessKey,secretKey없이 로그인가능 .env 사용하려면 dotenv모듈설치 const를 export 하려면 export default가 아니라 export가 되야한다

리액트컴포넌트의 첫번째 파라미터는 props이고 두번째가 state이다. 따라서 파라미터에 HomePageStateType만 쓰면 props로 인식한다.

문자열생략 block에서만 됨 span x div display none hover 다른 태그

부트스트랩에서 ``중 전자(col-md-4)는 중간크기에서의 col사이즈,후자(col-lg-2)는 최대크기에서의 col사이즈를 의미한다 `Block level button`에서 block은 container에서 최대크기롤 버튼사이즈를 설정하는 옵션이다

웹팩에서는 dotenv사용시 dotenv-webpack라는 웹팩전용dotenv패키지 설치후 webpack.config.json에 플러그인을 추가해줘야 한다 ec2몽고db사용시 몽고db설치후 보안그룹에서 27017포트를 열어줘야 한다 https://ianlondon.g

부트스트랩에서 반응형으로 만들경우 그리드시스템을 이용하면 되는데 이라는 태그를 이용하여 세로로 10등분을 기준으로 그리드를 설정할 수 있다

특성 url로 라우팅하고자 하는경우 컴포넌트가 아닌 render를 통하여 라우팅후 history속성을 이용하면 된다.

리액트에서 부트스트랩을 쓰고자 하는경우 reactstrap이라는 패키를 설치하여 사용할 수 있다.

몽고db에서 프로미스를 사용하고자 할 경우 app.js파일에 mongoose.Promise = global.Promise; 과같이 선언해줘야 한다

환경변수 설정하는법 dotenv라는 패캐지 설치후 루트폴더에 .env파일 생성후 jwtSecret=SeCrEtKeYfOrHaShInG와 같이 변수를 선언하면 process.env.jwtSecret으로 변수를 불러올 수 있다.

비구조화할당이란? 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식 배열 좌항이 호출될 변수명이고 우항이 각각의 호출값이다 rest parameter를 이용해 요소를 분리할 수 있다 객체 객체의 경우 우항의

브라우저상에서 cookie값을 이용할때 js-cookie라는 패키지를 사용하여 저장,삭제등이 가능하다

mongodb사용시 $(positional operator)는 한번밖에 사용할 수 없으므로 arrayfilter를 사용한다

ttf폰트 추가시 webpack.config.js에 ttf-loader를 추가해야 된다

위의 컴포넌트에서 dates의 기본값을 공백으로 처리하여 map이 동작하지 않았다 해결방법은 2가지였는데&&와 같이 조건부 렌더링을 하거나 기본값을 빈배열로 해주는것이다.