728x90 코딩40 React ~0414 JSX, Babel + 燈下不明(등하불명) 왜 오늘 제목이 등 하 불 명이라는 사자성어가 뜬금없이 나왔는지는 글을 보다보면 알게 될 것이다. 자 아무튼 오늘은 저번시간에 이어 React가 상호작용하는 방식중 저번시간에 사용한 것 보다 더 간결하고 깔끔하게 작성하는 법을 볼 것이다. 먼저 저번시간보다 간단, 간결하게 표현하기 위해서 JSX(자바스크립트를 확장한 문법)을 이용한다. property를 HTML의 태그 속성처럼 적으면 된다.(line12~16 참고) 이 JSX를 브라우저가 온전히 이해하지 못하기에 (line9) script태그를 통해 babel.js를 설치해준다 그 후 마지막 우리의 코드가 적힌 script태그 안 type을 text/babel로 설정한다.(line10) 이와같은 방법으로 우리는 이제 JSX를 통해 createElemen.. 2022. 4. 15. React ~0412(React와 기존JS의 상호작용방식 차이) 무언가의 특징을 알기 위해 흔히 우리는 그 특징을 나열하는 방법도 있지만, 다른 것과 비교, 대조하며 그 특성을 돋보이게 하곤한다. 리액트의 시작도 마찬가지이다. 왜 리액트를 사용하는가? 어떤 점에서 리액트가 더 좋은 특성을 가지고 있는가? 하고 비교해볼 필요가 있는 것이다. 그래서 1-1수업에서는 우리가 기존 js를 통해서 html과 상호작용했는지 먼저 알아보았다. 자 html에 먼저 우리가 직접 span, button을 만들고 js에서 사용하기 위해 span, button을 가져왔다. 우리가 몇 번 눌렀는지 기록해줄 변수 counter를 만들고, 그 후 EventListner를 통해서 실행될 함수(counter라는 변수에 1씩 더하고 counter를 span안에서 넣어 우리에게 보여주는 함수 hand.. 2022. 4. 15. React시작 리액트.. 유튜브 광고에서나, 프론트엔드, 앱 개발을 조금만 찾아봤어도 리액트에 관한 이야기는 분명 많이 들어보았을 것이다. '혁신적인 라이브러리', '프엔 개발자가 되려면 필수'.. 등등 암튼 뭐 대단한 건가 보다. 언젠가 배워야지 하고 2~4월 초 까지 html, css, js를 배우고 이 각각 과목들을 좀 더 공부하고 실력을 길러볼까 했는데 항상 이 호기심, 충동, 즉흥은 쉬운데 이 끈기가 안된다. 그래서인지 새로운걸 딱 하나만 더 배워보고 그 4개로 같이 으쌰으쌰해서 여러 가지 만들자!라는 계획을 세웠다. 다만, 너무 충동적인 실행은 나도 불안하고 후에 후회가 될 것을 잘 알기에 내가 지금 필요로하는게 뭘까 생각해보았다 프론트엔드에 관련되면서도 내가 지금 뼈대를 배웠으니 여기에 살을 붙여줄 만한 .. 2022. 4. 14. javascript란 무엇일까? (재) 3월간 배운 js내용의 복습겸 티스토리에 옮기기 자바스크립트는 여러 분야에서 사용되고, 사랑받는 프로그래밍 언어중 하나이다. 이 자바스크립트를 배우기로 택한 이유는 여러가지가 있겠지만 웹페이지 만드는데에 빼놓을 수 없는 언어이자 객체지향 언어로서 웹에있어 엄청 많은 역할을 담당한다. 큰 특징으로는 대부분의 웹에서 쓰이는 언어이다 프론트엔드에서의 유일한 프로그래밍 언어이다. 호환성이 굉장히 좋다 어떤 컴퓨터나 어디든지 쓰인다 상호작용, 게임, 리액트 네이티브(앱제작), 데스크탑 앱, 백엔드 수정 가능, 3D작업, 머신러닝 등이 있다. 이러한 특징과 장점들에 의해 배우기 시작했고 javascript들을 자세히 하나 하나 기록하는게 아닌 내가 노마드코더, 생활코딩의 강의를 들으며 나에게 중요하다고 생각되거나 .. 2022. 4. 10. 이전 1 2 3 4 5 다음 728x90
