# codesandbox
css prop
간단한 프로젝트의 경우 테스트용으로 codesandbox를 사용하는데 이때 react, emotion사용시 css prop과 관련한 에러가 발생할 수 있다. 참고링크 https://emotion.sh/docs/css-prop일반 프로젝트일때는 babel pre

[React] 00. CodeSandBox 사용하기 (with CDN, UNPKG)
프론트엔드 코드를 작성하면서 여러가지를 시도해볼 수 있는 사이트React 등 다양한 환경에 대한 기본 설정이 되어있다.바로가기리액트를 공부하면서 이 CodeSandBox를 사용할 생각이다.CodeSandBox 사이트에 들어간다.우측 상단의 Create Sandbox 를

javascipt파일 디버깅하기2 with codesandbox
코드샌드박스는 웹기반의 온라인 코드에디터 입니다. 웹관련 코딩을 진행할때, 나만의 실행환경을 제공받을 수 있기에 다양한 활용이 가능합니다.git을 통한 소스공유가 번거로울 때git을 통하여 소스를 공유하는 것이 같은 작업을 하는 경우, 편리하지만 실시간으로 핫로딩되지

javascipt파일 디버깅하기1 with vscode
첫번째 소개시켜드릴 방법은 vscode를 통한 실행환경 만들기 입니다. 저는 다양한 웹관련 작업을 진행할 때, vscode IDE를 사용하는데 이를 통해서 자바스크립트 알고리즘 문제풀이가 가능하여 사용하곤 합니다.vscode에는 node.js 런타임 디버깅 지원기능이

codesandbox를 사용할 때 알면 좋은 작고 소소한 팁 ✨
라이브러리 다운 / 템플릿 자동완성 / 자동 태그 닫기 / 프리티어 설정 값 변경

[api] api 붙이기(Fetch)
codesandbox.io 에서 연습을 하고 인스타그램 react로 만들었던 걸 백엔드 분들이 하신 것과 연결 시켰다.프론트와 백은fetch함수를 이용해서 request와 response 즉, HTTP의 파이프라인을 구성하는 요소를 조작한다.fetch()로 부터 반환되