본문 바로가기
반응형

codepen2

Codepen 에서 react 개발 설정하기 Codepen 일단 codepen 에 가입되어있어야 합니다. 기본적인 설명은 여기서. 2019/09/07 - [HTML,Javascript] - Codepen 사용법 (html,css,javascript 실행 웹 툴) Pen 으로 갑니다. Settings 로 들어갑니다. JavaScript 텝에서 중간쯤 검색 영역에 react 와 react-dom 을 검색해서 선택합니다. JSX 문법을 쓸거면 Babel 을 선택하시고 Save&Close 를 누릅니다. 이제 설정은 완료되었습니다. 그럼 간단하게 react 작성을 해보겠습니다. HTML 에 JS 에 class Test extends React.Component { constructor(props){ super(props); this.state = { }; .. 2019. 12. 27.
Codepen 사용법 (html,css,javascript 실행 웹 툴) Codepen Codepen 은 HTML, CSS, JAVASCRIPT 를 웹 페이지에서 코딩하고 결과를 볼 수 있는 기능을 제공합니다. 일단 사이트는, 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 여기로 접속하시면 일단 회원가입(SignUp)을 해야겠죠 상단 우측에 Sign Up 을 누르면 아래와 같이 회원가입 선택 창이 나옵니다. Free! 가입은 하실수 있겠... 가입하고 나면 첫.. 2019. 9. 7.
728x90
반응형

티스토리툴바