앤서블은 여러개의 서버를 효율적으로 관리하기 위해 고안된 환경 구성 자동화 도구이다. 앤서블은 플레이 북이라는 곳에 실행할 구성을 선언해 놓으면, 필요할 때마다 자동으로 실행시킬 수 있는 것이 가장 큰 특징이다. SHH를 기반으로 원격 서버에 명령을 전달하기 때문에 a

회사 코드를 보다가 이런 코드를 보았다.이런 경우는 봤는데 그냥 ""는 뭘까?2번째 줄의 \`\`\`/\`\`\`는 특수기호라서 구글링을 하기도 힘들었다 ㅎㅎ

중국에서 만든 UI를 위한 라이브러리이다.React,Angular,Vue를 위한 컴포넌트 라이브러리 버전 또한 존재한다.초보자도 쉽고 빠르게 사용할 수 있다.단점: Less 기반이어서 styled-components와 호환이 안좋다.나는 cra를 이용해서 typescr

canvas에 이미지를 업로드 시켰는데 이미지의 화질이 굉장히 저하되었다.이전에도 canvas를 사용해봤고 같은 방법으로 작성했는데,이번에만 유독 이미지의 화질이 눈에띄게 떨어졌다.MDN의 canvas 성능 팁을 보니 drawImage()에서 이미지 크기를 조정하지 말

컴포넌트가 렌더링 된다는 것은 누군가 그 함수(컴포넌트)를 호출해서 실행하는 것을 말한다.함수가 실행될 때마다 내부에 선언되어있던 표현식(변수, 또다른 함수 등)도 매번 다시 선언되어 사용된다.컴포넌트는 자신의 state가 변경되거나 부모에게서 받는 props가 변경되

개발을 하던 도중에 갑자기 npm install이 안됐다.유효하지않은 버전이라니!node modules와 package-lock.json을 지운다.그리고 app.json파일과 package.json파일에서 다른 버전이 있다면 같게 만들어야한다.npm install을 하

overloaded function에서 지정한 매개변수들의 타입 형식과 실제 전달한 인자의 타입 형식이 일치하지 않으면 뜨는 에러이다.a. styled-component와 typescript를 같이쓰면 에러가 난다고 하는데 그래서 그런가? 아니었다. 대신 styled-

자바스크립트 함수는 호출될 때 매개변수로 전달되는 인자값 외에 this를 암묵적으로 전달 받는다.자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩할

typescript 사용

8가지 자바스크립트 트릭

let,const 장단점재할당의 장점 promise,async await

React Hook중 하나로 React에서 CPU소모가 심한 함수들을 캐싱하기 위해 사용된다.컴포넌트 내에서 어떤 함수가 값을 리턴하는데 하나의 변화에도 값을 리턴하는데 많은 시간을 소요한다면 이 컴포넌트가 리렌더링 될 때마다 함수가 호출되면서 많은 시간을 소요하게 될

이 포스팅은 컴포넌트 다시 생각하기 영상을 보고 정리한 글입니다.컴포넌트의 CSS 스타일UI 조작에 필요한 커스텀 로직(custom Hook)전역상태(유저의 액션에 의해 초래된 상태)리모트 데이터 스키마 (API 서버에서 내려주는 데이터의 모양)

useMemouseCallback

완전탐색

review count순이라고해서 처음에 조회수순인줄 알았는데 받아온 데이터에 조회수가 없고 review에 댓글정보가 있길래 댓글 많은 순인걸 깨달았다.랜덤

로컬캐싱 구현하기입력마다 호출하지 않고 자신만의 전략으로 API호출 횟수 줄이기캐싱(Caching)은 애플리케이션의 처리 속도를 높여준다. 이미 가져온 데이터나 계산된 결과값의 복사본을 저장함으로써 처리 속도를 향상시키며, 이를 통해 향후 요청을 더 빠르게 처리할 수

alias 이용해 상대경로 줄여서 사용

postcss 익스텐션을 다운받으면 tailwind 작성 가독성 좋게 쓸수 있다

새로운 div element만들기const tweet = document.createElement('div')append를 해주지 않으면 div엘리먼트 tweet이 만들어지긴 했지만 연결되어있지 않아서 실제로 보이지가 않는다. append 메소드를 이용해 변수 twee