목록웹개발 (2)

개발새발 로그

3. MERN기반 커뮤니티 - axios와 CORS정책

클라이언트는 3000번포트로 열려있고, 서버는 5000번 포트로 연결되어있다고 가정하자. 이렇게 서로다른 포트들끼리 통신을 하면 CORS이슈가 나온다. 다른 포트에서 온 데이터에 대해서 어떤 보안적인 규칙을 지켜야한다라는 뜻이다. 먼저 CORS이슈가 나오는지 확인해보기 위해 클라이언트에서 axios로 데이터를 보내보자 1. axios 설치 npm i axios --save 2. axios 사이트에서 사용법 보기 https://axios-http.com/kr/docs/example 기본 예제 | Axios Docs 기본 예제 Axios를 사용하기 위한 기본 예제 참고: CommonJS 사용법 require()를 이용한 CommonJS를 사용하는 동안 TypeScript 타이핑(인텔리센스 / 자동 완성)을 ..
MERN 2023. 6. 13. 22:36
Bootstrap Basics - 부트스트랩 소개와 설치방법

Bootstrap은 빠르고 간편한 반응형 웹 디자인(responsive web design)을 위한 open-source front-end framework이다. HTML, CSS, JavaScript로 만들어진 typography, 입력 양식(forms), 버튼, 테이블, 탭, 내비게이션, 모달, 이미지 캐러셀(image carousel) 등을 제공하며 추가적으로 JavaScript plugin들을 제공한다. Twitter의 Mark Otto와 Jacob Thornton이 개발한 오픈 소스로 2011년 공개되었다. http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것..
CSS 2023. 6. 13. 17:04
이전 Prev 1 Next 다음