일상로그 일상로그

이미지 에러 처리를 간단하게 하는 방법 background image 백그라운드 이미지를 사용하는 경우 url을 여러번 넣어서 fallback을 처리할 수 있다. background-image: url('적용할 이미지 주소'), url('fallback으로 적용할 이미지 주소'); 배경이 투명이면 그대로 뒤에 비쳐지게 된다. 이럴때는 background image 보다는 img로 마크업하자. const handleError = (e) => { e.target.src = '적용할 이미지 주소' } 

const = '안녕하세요 반갑습니다 저를 엔터로 바꿔주세요' 위와 같은 데이터를 엔터로 바꾸는 가장 쉬운 방법 1. CSS 사용 white-space: pre-wrap 을 사용한다. 2. 스크립트 사용 {data.split("\n").map((line) => { return ( {line} ); })} 3. React를 사용할 경우 dangerouslySetInnerHTML 사용 ... https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

개발을 하다보면 localhost에서 ssl 접근이 필요한 경우가 있다. 이때 호스트 변경과 local ssl proxy를 사용하면 된다. localhost host 설정 변경 $ vi /etc/hosts 편집모드를 키고 127.0.0.1 localhost 부분을 원하는 도메인으로 추가해준다. 나는 임시로 test.com 으로 설정했다. 로컬에서 local ssl proxy 설정 $ npx local-ssl-proxy --source 443 --target 3035 target에는 현재 열려있는 포트 번호를 넣어준다. https://www.npmjs.com/package/local-ssl-proxy local-ssl-proxy Simple SSL HTTP proxy using a self-signed c..

모바일 서비스를 개발하다보면 플랫폼, 기기, OS 별로 다양하게 이슈가 생기고 디버깅을 해야하는 순간들이 온다. 우리에겐 테스트 디바이스를 모두 가지고 있지 않고 OS별로 세팅하기 어려우니, Xcode로 가상 애뮬레이터를 띄워서 실제 모바일기기 환경과 동일하게 디버깅하는 방법을 다뤄봤다. Xcode 준비 xcode 설치 기존에 설치되어있지 않다면 꽤 오래걸린다 OS 변경하기 xcode - preference 탭 open components 탭에서 테스트할 OS simulator 다운로드 (용량 주의) 시뮬레이터 구동하기 xcode - Open Developer Tool > Simulator 클릭하여 시뮬레이터 구동 (맥북 이륙 주의) 시뮬레이터 - File > Open Simulator 탭에서 디바이스와..

커밋&푸시할때 아래 명령어로 계정 및 닉네임을 변경할 수 있다. $ git config --global user.email 아래 명령어로 잘 변경됐는지 확인 $ git config --list ref. Git 최초설정하기

1. Git 설치하기 먼저 Git을 설치한다. OS환경에 맞게 다운로드한다. 안정성있는 LTS 버전을 받는 것을 추천한다. 다운로드 링크 2. Repository 추가 자신의 GitHub에 들어가 repository를 추가한다. 3. git init 터미널 창에서 해당 프로젝트 경로로 이동 후 아래명령어를 실행하여.git 디렉토리를 생성하고 로컬 저장소로 사용되도록 설정한다. $ git init 4. git add . $ git add . . 는 전체 파일을 의미한다. 전체 프로젝트파일을 업로드 할 경우, 위 명령어를 실행하여 프로젝트 파일들을 Staging area로 add 하여 준다. 5. git commit $ git commit -m "first commit" $ git commit -m "fir..