Babel
-
React 업데이트 : 클래스 형태 React 복습 - React Component 이용 '좋아요 버튼 동작' : Class 이용, JSX 이용컴퓨터 알아가기/React 2022. 11. 17. 19:30
자바스크립트를 공부하기 전 무작정 React를 공부한 적이 있습니다. 블로그에도 34개의 글도 연재하였구요. 그러다 기초가 없다보니 어느순간 막히더라구요. 그 이후 시간을 내서 자바스크립트를 먼저 조금이라도 알고 가자 생각을 해서 순서를 바꾸었구요. 다시 제로초 TV 강의를 통해 React에 대해 알고자 합니다. 1. React란 사실 React에 대해 여기에 정의하는 것은 부정확하고 무의미하다고 봅니다. 다음 링크를 통해 정확하게 뜻과 내용들을 보면서 공부하는게 맞다고 보여지고요. 저는 리액트론 된 웹게임에 관심이 있기때문에 그 진도만 별도로 나가고자 합니다. React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (reactjs.org) React – 사용자 인터페이스를 만들기 ..
-
React 기본 : React State 개념, JSX문법, Babel컴퓨터 알아가기/React 2021. 6. 29. 19:30
본 내용은 ZeroCho TV의 React 무료강좌를 기준으로 작성하고 있습니다. 지난 시간 '좋아요'버튼의 코딩과 브라우저는 다음과 같았습니다. 상기 브라우저의 State는 클릭을 하면 True로 바뀌는 반응을 개발자도구(F12)를 통해 확인할 수 있었습니다. 그렇다면 화면에 클릭을 하면 Like 에서 Liked로 바뀌는 작업을 하도록 하겠습니다. 이렇게 변경이 되는 것을 State로 보면 됩니다. 화면에 직접 그려진다는 것은 Render( ) 함수내에서 이루어진다고 말씀 드렸습니다 . return a("Button", {onClick }, "Like") 이렇게 3구역으로 나뉘어진 곳에 마지막 3번째 "Like"에 다음과 같이 코딩을 합니다. 상기 코딩은 클릭을해서 현재상태가 liked가 참이면 화면에..
-
React 기초 : Codepen을 이용한 React 사용설정컴퓨터 알아가기/React 2021. 6. 4. 19:30
지난 시간 React의 기본적 내용에 대해서는 알아보았고 이제부터는 왜 최근에 많은 개발자들이 React 언어를 사용하는지 웹상에서 구현되는 HTML과 CSS 만으로는 어떤 한계가 있는지 하나하나 뜯어보면서 느껴보도록 할 예정이다. 나 또한 전혀 프로그래밍이라는 분야는 너무도 생소한 분야기에 천천히 이해를 하면서 글을 연재하고자 한다. 만일 이 블로그를 보는 분이 있다면 이 연재를 읽는 것만으로 이해가 되면 좋겠다라는 작은 소망으로 시작하고자 한다. 많은 블로그와 구글 유투브에서 참조헤서 진행하는 만큼 완벽하지 않을 수 있지만 작은 프로그램 하나 만드는 기쁨이 반드시 올 것임을 확신하며 초반에 참조는 '동빈나 님의 React 강좌'를 기초로 공부하고 나름 대로 정리한 내역이다. ▒ React 간단 소개 ..