Happy things are always here! ꔷ̑◡ꔷ̑

fetch는 비동기 방식으로 HTTP 요청을 날리고 응답을 받을 수 있는 api입니다. 우리가 fetch 예제를 보면 흔히 다음과 같이 사용할 것입니다. fetch('http://localhost/project/example.php', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ name: 'olly', age: 20 }) }) 하지만 example.php에서 다음과 같은 코드를 작성했다면 값을 받아올 수 있을까요? echo $_POST['name']; echo $_POST['age']; 결과를 보면 아무것도 출력되지 않습니다. 그 이유는 body에서 데이터를 json 형태로 전송했기 때..

외부 api와 통신하는 도중 아무리 해도 값을 받아올 수가 없어서 헤메던 중 curl 통신 시 SSL 인증서 설정이 빠졌다는 것을 알게 되었습니다. 코드에는 전혀 문제가 없는데도 계속 에러가 뜬다면 curl 설정을 확인해보세요😅 설정이 안되어 있다면 다음의 제가 시도한 방법을 참고하시면 됩니다. 우선 다음의 인증서를 다운받습니다. 중요한 것은 저장하는 경로인데요, php 파일 안에 ext라는 폴더가 있을거에요. 그 폴더 안에 넣어주세요! 저 같은 경우는 C:\Program Files\PHP\v7.2\ext 폴더에 넣었습니다. 다음은 php.ini 파일을 수정해주어야 합니다. curl.cainfo = "C:\Program Files\PHP\v7.2\ext\cacert.pem" openssl.cafile= ..

현재 가비아에서 호스팅을 쓰고 있는 웹사이트에 SSL을 적용시켜야 할 일이 있었습니다. 원래라면 SSL 인증서 구매 후 웹서버에 직접 적용을 시켜야 하지만 저는 가비아 호스팅을 쓰고 있었기 때문에 웹서버로 적용이 불가했습니다. www.mywebsite.co.kr로 접속을 하면 자동으로 http://www.mywebsite.co.kr 로 접속이 되었기 때문에 https://www.mywebsite.co.kr 로 이동하도록 리다이렉션 해주었습니다. 여러 가지 방법을 시도해보았지만 무한 새로고침이 되는 것이었습니다...😤 하지만 구글링하다가 성공했습니다. 제가 성공한 방법은 다음과 같습니다. 해당 프로젝트 root 폴더의 .htaccess 파일을 수정해줍니다. .htaccess 파일이 없다면 그냥 하나 생성해..

(생활코딩님의 강의를 참고해 실습해보았습니다💜) composer란 package manger라는 소프트웨어입니다. 다른 사람이 만든 코드를 부품으로 자신의 프로젝트을 빠르게 만들 수 있는 기술이라고 할 수 있습니다. composer를 사용하기 위해서는 설치가 필요한데요, 아래의 사이트에서 다운로드 받으시면 됩니다. https://getcomposer.org/ Composer A Dependency Manager for PHP Latest: 2.3.5 (changelog) Getting Started Download Documentation Browse Packages Issues GitHub getcomposer.org 설치 중에 developer mode에 체크해주시고, 다운받을 위치는 php가 설치된..

JS 세션 활용법은 아주 간단한데요, 다음과 같습니다. sessionStorage.setItem('name', 'olly'); //key, value sessionStorage.getItem('name'); //olly sessionStorage.length; //1 sessionStorage.key(0); //name sessionStorage.removeItem('name'); // 파라미터 삭제 sessionStorage.claer(); // 세션 초기화 간단하게 세션을 활용할 수 있습니다!

우리가 GET 요청을 날릴 때 파라미터를 추출할 때가 있는데요, new URL() 객체를 사용해 할 수 있습니다. 현재 url 가져오기 window.location.href 현재 url의 파라미터만 가져오기 window.location.search 현재 url의 특정 파라미터를 지정해 값 가져오기 new URL(원하는 url).searchParams.get('파라미터키'); 모든 파라미터의 키 얻기 const keys = new URLSearchParams(url).keys() for(const key of keys) { console.log(key); } 모든 파라미터의 값 얻기 const values = new URLSearchParams(url).values() for(const value of v..

오늘은 다음과 같은 시, 분, 초로 구성되어 있는 시계 기능을 JS로 구현해보겠습니다! function clock(){ var date = new Date(); var h = date.getHours(); var hour = h

리액트에서 자바스크립트 메소드인 fetch()를 사용해 resful API를 구현해볼텐데요, fetch의 사용법은 다음과 같습니다. fetch(url, {options}) //url: api 통신을 위해 접근할 url //options: 매개변수, method를 지정 options에는 request (요청), response(응답)의 인터페이스가 들어갑니다. request - method method는 우리가 알고 있는 HTTP method가 들어가는데요, 다음의 형식을 따릅니다. C : POST R : GET U : PUT D: DELETE - header header에는 request header를 지정해줍니다. ex) "Content-Type": "application/json" - body bod..