미리 스니펫을 등록해두자! command + p >Snippets : configure user snippets 클릭 react 선택 아래 json 저장 위와 같이 등록해두면, rfc 입력시 파일명과 동일한 function이 자동 export default 된다 🙂
Continue reading...IT
CSR (Client Side Rendering)
처음 yarn create react-app 이후, yarn start 로 열어보면 아래와 같이 index.html와 bundle.js 등등이 로드되는것을 확인 할 수 있다. index.html 을 살펴보면, <head>에는 seo를 위한 메타 태그들이 있고, body에는 id가 root라는...
Continue reading...php 메일 보내기 기능 gmail 수신 불가 이슈 처리
google smtp 서버를 사용해서 gmail 이메일 계정도 정상적으로 수신이 가능하도록 조치하자. 구글 기본 SMTP 서버 SMTP 서버 : smtp.gmail.com SMTP 이메일 : 사용할 이메일 주소 (본인 gmail 주소) SMTP 비밀번호 :...
Continue reading...Laravel & ELB 환경에서 HTTPS 정상 인식시키기
ELB 에서 https > http 로 변환해서 EC2 인스턴스로 넘겨줄경우, trusted proxy 처리를 해줘야한다. app/Http/Middleware/TrustProxies.php
Continue reading...Laravel storage symlink
라라벨 프레임워크에서 외부 공개용 파일 url 링크 걸기 기본적으로는 storage/app/public 의 파일들이 public/storage 으로 링크됨
Continue reading...Laravel 흔한 이슈
/bootstrap/cache directory must be present and writable 에러 Failed to clear cache. Make sure you have the appropriate permissions. storage/framework/cache/ 안에 data dir이 있는지 확인, 없으면 수동 생성 /cache/data 있으면 cache...
Continue reading...간헐적으로 nginx 다운되는 이슈
업무중 간헐적으로 nginx 가 다운되는 이슈가 있었다. 미국에 위치한 고객사라 시차가 완전 반대인데… 꼭 새벽에만 이런 문제가 발생한다. /etc/nginx/nginx.conf 도 확인해봤지만 별다른 특이사항은 없었고, /var/log/nginx 에 에러로그를 봐도 별다른 문제가 없었다....
Continue reading...리액트 기본 개념 정리 (2) – JSX / Props
JSX 정리 (HTML 차이점 정리) 처음에 리액트가 나왔을때는 위 이미지와 같이 사용하는 JSX가 없었다. 그래서 아래 이미지와 같이 사용했다. 이처럼 jsx 가 등장하고 나서, 코드가 훨씬 직관적이고 디자이너와의 협업이 쉬워졌다. 대신...
Continue reading...리액트 기본 개념 정리 (1)
리액트에 컴포넌트를 만드는 방법은 두가지가 있다. Class를 상속받아 만들기 Function 을 이용하기 컴포넌트가 state가 있고, 그 상태에 따라 컴포넌트가 주기적으로 업데이트되어야한다면 Class 컴포넌트를 쓰면 되고, 컴포넌트에 상태가 없고 정적으로 데이터가 표기된다면...
Continue reading...