프론트엔드 개발

버즈 프로를 맥북 m1에 연결하면, 이어폰 한쪽에서만 소리가 들리는 문제가 있어 해결방법을 알아보겠습니다. 해결방법 1. 시스템환경설정 들어가기 command + space 2. 사운드 들어가기 3. 출력 클릭 4. 출력에서 해당 기기를 선택하세요. (버즈 프로나 에어팟 등) 선택한 기기에 대한 설정에서 균형에서 한쪽으로 치우쳐져 있는 것을 가운데로 조정합니다. 잘 해결되셨으면 좋겠습니다

이번에 새로산 m1 pro 에서 homebrew 설치하다 보면 Warning 이 나타났는데요. command에서 brew 명령어를 사용할 수 없었습니다. 간단하게 따라하면서 고쳐보겠습니다. Warning을 자세히 보면, Next Steps에 두 줄을 커맨드에 add 하라고 나와있습니다. Warning 해결하는 법 1. homebrew가 설치가 되어있지 않다면, - homebrew 설치: https://brew.sh/index_ko /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 2. 아래 명령어 한줄씩 입력 echo 'eval "$(/opt/homebrew/bin/brew shel..

Homebrew는 Mac에서 라이브러리나 플러그인등을 쉽게 설치하게 도와주는 패키지 매니저이다 Homebrew가 설치가 되어 있지 않다면? Homebrew 설치 (터미널에서 설치) /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" Homebrew가 설치되어 있다면? node 설치하기 brew install node yarn 설치하기 brew install yarn node와 yarn을 설치 후 확인하기 node -v // 14.17.3 yarn -v // 1.22.10

세줄 이상 넘어갈 때 위와 같이 글자가 겹치거나 의도치 않는 상황이 있는데, 이를 해결하기 위해서는 .example { height: 100px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } -webkit-line-clamp 몇 줄로 표시할 것인가 하는 옵션. 예제에서는 2줄로 설정하였다. -webkit-box-orient 방향을 어떻게 설정할지. 값으로는, horizontal | vertical | inline-axis | block-axis 이 있다. -text-overflow ellipsis로 설정하게 된다면, 설정한 높이값을 넘게 된다면,..

디버깅이란? 디버깅 또는 컴퓨터 프로그램 개발 단계 중에 발생하는 시스템의 논리적인 오류나 비정상적 연산(버그)을 찾아내고 그 원인을 밝히고 수정하는 작업 과정을 뜻합니다! 기존에는 console.log를 넣고 매번 수동적으로 컴파일을 하고 나서 확인하는 방법이었는데... 이번 시간에는 코드 에디터를 사용하여 디버깅을 할 수 있는 Debugger에 대해서 알아볼 거예요. 저는 드림코딩 엘리님의 유튜브를 보면서 따라 해 보았습니다. 여기서 말하는 Debuugger는 주로 원하는 코드에 중단점(Break Point)을 지정하여 프로그램 실행을 정지하고, 메모리에 저장된 값을 살펴보며, 실행을 재개하거나, 코드를 단계적으로 실행하는 등의 동작을 하는 것을 말합니다! 다양한 개발툴(브라우저, 인텔리 제이, 비쥬..

React 프로젝트를 Bitbucket pipeline 이용하여 AWS S3에 배포하기 1. pipeline 클릭 2. pipeline select 3. Configure => 템플릿 설정 4. bitbucket-pipelines.yml # This is an example Starter pipeline configuration # Use a skeleton to build, test and deploy using manual and parallel steps # ----- # You can specify a custom docker image from Docker Hub as your build environment. image: node:10.15.3 pipelines: branches: master..

local에서 작업하였던 것을 AWS에 연결하여, 배포 서버에서 build하는 방식을 지양하려고 하고 있다 서버의 메모리 부족으로 인해, client가 몰릴때 서버에서 build를 한다면, 터져서 다른 시스템이 다운되는 현상이 발생 pm2란? Node.js용 Process manager pm2 사용이유 Node.js를 활용한 실제 서비스를 무중단으로 운영하기 위해 Node.js의 클러스터 모듈을 사용해서 원하는 수 만큼 프로세스를 쉽게 늘리고 줄일 수 있게 하기 위해 pm2 설치 방법 npm install pm2 -g 이외에 pm2를 자세하게 보고 싶다면 공식문서나 이곳을 참고하세요 로컬에서 build 하는 방식 Tools: ftp(fileZila) Solution 1. sftp 이용, 공인키 인증하는 ..