* 코드팬(CodePan) 이란? - 사용자가 만든 HTML, CSS, 자바스크립트 코드 작성 즉시 뷰어 할 수 있는 코드 테스트 사이트이다.
이 사이트를 이용하여 React 프로젝트를 실행환경을 만들어 간단하게 테스트 할 수 있도록 해보자. 목차 1.
코드팬(CodePan) 접속하기 2. 코드팬 회원가입하기 3.
코드팬 React 개발환경 설정하기 4. 코드팬 React HelloWord 출력하기 5.
코드팬 설정시 주의사항 1. 코드팬(CodePan) 접속하기 * CodePan : https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 2.
코드팬 회원가입하기 1. 위 사...
![2. [React] 코드팬(CodePan)을 이용하여 간단한 React 개발환경 구축하기](https://mblogthumb-phinf.pstatic.net/MjAyMjAxMDhfMzEg/MDAxNjQxNTk5NzM3NzMz.9g1UlVFnw198GLkPUjWOQmTohscBLHJ6gVdifchQAucg.F30GU_Uo6tyAXl7FL22cFzpTKr_yPA5Eqi6-BAaZBVUg.PNG.jyoung_9154/%C4%DA%B5%E5%C6%D2_%C8%B8%BF%F8%B0%A1%C0%D4.png?type=w2)
#
codepan
#
코드테스트
#
typeError
#
react환경설정
#
react코드테스트
#
react오류
#
React라이브러리
#
react개발환경
#
react
#
HTML테스트
#
HelloWord
#
코드팬
![[부산 깡통시장 맛집] 살면서 먹어본 막창 중 탑 클래스 미친막창과 자갈치역 앞 횟집 소란](https://mblogthumb-phinf.pstatic.net/MjAyMjAzMDJfMjA2/MDAxNjQ2MjAzODcwNTE4._zVtSlwvcwWsVVJ9SWYWivqGHFgS-ZuWYlZghoi2RPsg._29OHSgBMNqCCdOo583c2VjAwqq_qQ7Hz6ERpaY7SkAg.JPEG.jyoung_9154/20220228%A3%DF185432.jpg?type=w2)
![[부선 서면&전포동 맛집] 세상 힙한 피자, DOPE_P(돕피)](https://mblogthumb-phinf.pstatic.net/MjAyMjAzMTJfMTM0/MDAxNjQ3MDQ0OTg2NTAx.N_5_UwP9EdanfAt-Ym628m3jZXC2plI_Ga7E4-Gh8osg.xUyUrM8fYLPOstIGV_GORoB9LvgvRFvvNOTwpJWW1JUg.JPEG.jyoung_9154/KakaoTalk_Image_2022-03-12-09-26-55_001.jpeg?type=w2)
![[부산 서면 술집] 삼귀는 사이라면 분위기가 아늑한 술집으로..! 낭만남매](https://mblogthumb-phinf.pstatic.net/MjAyMjA0MTZfNzYg/MDAxNjUwMDc3ODcyMzU5.yY35qrc24vS1TaDJNImUvgJj7B14qagDZzOFcexYYBYg.C5wj700HCRhIqAAB6qhug9yH06utzgumpq074D0Rb-Yg.JPEG.jyoung_9154/KakaoTalk_Image_2022-04-16-11-48-58_016.jpeg?type=w2)
![[세계여행 준비하기] 해외여행 시 필수 예방접종 (말라리아, 황열 등)](https://mblogthumb-phinf.pstatic.net/MjAyMjA3MTlfMTI1/MDAxNjU4MjE0MjAxMTI3.DyBJZ3cusMXgeY0iYTq3cTAn9GEKSUUCpvJfjvex_RAg.wbdxUFVcz68SWixNdGDe2Uzs3P3R1EUCOgCvZdu-Nd4g.PNG.jyoung_9154/image.png?type=w2)
![[부산 남포동] 커피 말고 밥 먹으러 갔던 웬만한 햄버거 보다 맛있는 불고기 반미, 엔젤리너스 남포점](https://mblogthumb-phinf.pstatic.net/MjAyMjA4MDhfMjEg/MDAxNjU5OTU5MzY5NDk2.slwQYrAUEBHhy0OXpuTiNLQbABYUhLU8OI8jeQoHyZ0g.PXPLRuA2fGXkJcbCdIO3NP0NSmVVpLeiAxdhv0d8Rm4g.JPEG.jyoung_9154/KakaoTalk_Image_2022-08-08-18-04-06_006.jpeg?type=w2)