페이스북 웹훅 도메인 등록 과정에서 앱의 도메인을 인증코드와 함께 입력하면 facebook 서버에서 해당 인증코드와 함께 curl 로 요청 > response를 200으로 응답 해줘야하는데… 이 과정에서 페이스북 서버 > 앱서버간 curl 에러가...
Continue reading...Web
리액트 – 이벤트 핸들링
버튼 클릭이벤트 핸들링 자바스크립트와 동일하게 button 등에 클릭이벤트를 발생시킬수 있다. 인라인 코드로 js를 바로 실행할 수 있으며, 미리 정의해두고 쓸 수도 있다. 이벤트 – state 변경 핸들링 리액트 컴포넌트는 변경 가능한...
Continue reading...리액트 – 컴포넌트 스니펫 👍
미리 스니펫을 등록해두자! command + p >Snippets : configure user snippets 클릭 react 선택 아래 json 저장 위와 같이 등록해두면, rfc 입력시 파일명과 동일한 function이 자동 export default 된다 🙂
Continue reading...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...리액트 기본 개념 정리 (2) – JSX / Props
JSX 정리 (HTML 차이점 정리) 처음에 리액트가 나왔을때는 위 이미지와 같이 사용하는 JSX가 없었다. 그래서 아래 이미지와 같이 사용했다. 이처럼 jsx 가 등장하고 나서, 코드가 훨씬 직관적이고 디자이너와의 협업이 쉬워졌다. 대신...
Continue reading...리액트 기본 개념 정리 (1)
리액트에 컴포넌트를 만드는 방법은 두가지가 있다. Class를 상속받아 만들기 Function 을 이용하기 컴포넌트가 state가 있고, 그 상태에 따라 컴포넌트가 주기적으로 업데이트되어야한다면 Class 컴포넌트를 쓰면 되고, 컴포넌트에 상태가 없고 정적으로 데이터가 표기된다면...
Continue reading...