메로그

HomeBrew mac OS 전용 패키지 매니저 입니다. mac 에 필요한 툴 또는 무언가를 설치할 때 간단하게 설치할 수 있도록 도와줍니다. 아래 url 로 접속하여 가장 처음있는 설치하기 커맨드를 복사하여 터미널에 붙여넣기 해줍니다. https://brew.sh/index_ko 붙여넣기 후, 패스워드를 입력하라고 나온다면 맥북의 비밀번호를 입력해주시고 return 을 해주시면 됩니다. 오류 발생 M1 칩이 있는 맥북에서 다운로드시 다음과 같은 경고문이 나오는 것을 볼 수 있습니다. (/opt/homebrew/bin is not in your PATH) 그런 경우에는 커맨드에서 오류에 대한 정보를 공유해 줄 것입니다. Next Steps: => 로 해서 아래와 같이 나오는 것을 복사해서 실행시켜주면 됩..

성능 탭 화면단의 개발을 하다보면, 페이지의 동작이 어떠한 순서를 가지고 있는지, 성능이 얼마나 나오는지 확인하고 싶은 경우가 생긴다. 그럴 때는 개발자 도구의 성능 탭을 사용을 하면 되는데, 성능 탭은 자동으로 페이지를 분석하는 것이 아닌, 기록 버튼을 눌러 해당 페이지의 동작을 녹화 한 뒤, 녹화된 내용을 토대로 분석한 기록들이 나오게 됩니다. F12 를 눌러 개발자 도구를 열고 성능 탭을 누르면, 아래와 같은 화면을 볼 수 있을 것 입니다. 왼쪽 위의 녹화 표시로 되어있는 것을 누르면 페이지의 녹화가 시작되고 거기서 일어난 동작들을 분석(플로우, 렌더링 속도)합니다. 우리가 자주 쓰는 네이버 페이지에서 한 번 해보자. 녹화를 끝내면 아래와 같이 네트워크, 프레임, 기본 등등 해서 분석된 내용이 나오..

PowerMode Combo 기능 끄기 VSCode 에서 정말 애용하고 있는 PowerMode 에는 기본적으로 콤보 기능을 제공하고 있지만, 개인적으로 화면상에 정신없고 눈이 아픔으로 해당 기능을 끄는 방법을 제공합니다. File > Preferences > Settings 로 들어가서 PowerMode 를 검색합니다. 다음 이미지의 해당 구간(Counter 와 Timer)을 default 또는 show 로 되어있는 경우, hide 로 변경하면 됩니다.

package-lock.json 해당 파일은 package.json 의 부족한 정보로 인해 역할을 대신 합니다. package.json 을 사용하여 원래는 node_modules 가 다운로드 되지만, 같은 패키지를 이용해서 다운로드 하는 경우, 개발시 환경이 다르거나, npm, node 버전이 다르거나.. 의 이유로 오류가 발생하는 것을 볼 수 있습니다. 그런 경우에, package-lock.json 을 사용하면, 패키지가 수정되었거나, node_modules 가 변경될 때 의존성을 주입하여 자동 생성되도록 합니다. package-lock.json 이 있는 경우, package-lock.json 을 보고 node_modules 가 생성된다는 것입니다. (package.json 이 아니라...) 비고 간단..

cors 란 Cross-Origin-Resource-Sharing 의 약자로 다른 도메인에서 리소스를 요청하는 방법을 말합니다. 프론트단과 백단을 각각 다른 로컬 서버로 개발할시 흔히 볼 수 있습니다. 아무런 설정도 없이 다른 도메인에서 서버를 요청하면 다음과 같은 에러를 확인할 수 있습니다. Access to XMLHttpRequest at 'http://localhost:8000/api/search' from origin 'http://localhost:3002' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource...

vscode setting vscode 를 처음에 설치 후, 어떤 것을 셋팅해주면 좋을지 필요한 꿀팁을 적어보겠다. 저장시 불필요한 공백제거 Trim Trailing Whitespace 를 체크하여 줍니다. Settings 에 들어가서 Trim 만 검색해도 나옴. 탭 사이즈 조절 Settings 에 들어가서 tab 을 검색하면 Editor: Tab Size 가 나오는데 여기서 Size 를 조절해주면 됨. 기본적으로 4 가 설정되어 있으니, 2 로 바꿔보자. 단축키 조절 Keyboard Shortuts 에 들어가서 원하는 단축키를 변경합니다. 저 같은 경우에는 한 줄 행삭제를 cmd + k 를 사용하기 때문에 Delete Line 을 검색하여 변경해줍니다. vscode extension vscode 에는 ..