728x90 분류 전체보기51 React ~0415 렌더링 저번시간에 이어 마지막 Container와 root를 묶어 React.createElement하는 방법을 바꾸기 div에 const를 넣기 위해선 const를 함수형태로 바꿔주어야 한다.(+ 이유는 추후 공부하겠지만, 단순히 변수의 기능만 한다면 상호작용 즉 변화감지, 변화를 만들 때 단순히 변수인 상태로는 한계가 있기에 함수로 표현한 것이 아닌가 싶다 단순히 변수가 아니라 component인 것을 기억하자) line 12, 17을 보면 arrow function형태로 바뀐 것을 볼 수 있다. Btn= () => ( ); 는 function Btn() { return ( ); } 와 같은 의미이다. 그 다음 line 22~27을 보면 Container안에 div로 묶어 HTML태그처럼 넣어주었다. 이렇게.. 2022. 4. 15. 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. 220410 만규의 시작 조기전역한지 어느덧 100일 가량이 지났다. 처음 2주간은 아무 눈치, 신경 쓰지 않고 놀기도 하고 쉬기도 하고 이것저것 하고 싶은 것들 찾아보고 즐거웠다. 그런데 말이다. 이 사람의 눈치라는 게 꽤나 무섭다. 내 나이 올해 23살 주변에 취업한 친구들이나, 올해 4학년으로 학교를 다니는 친구들, 목표가 생겨 학원을 다니는 친구들, 아르바이트하며 바쁘게 지내는 친구들 등 군대에서 막 벗어나 아무 경각심 없이 즐겁게 지내고 있던 나에게 큰 충격을 주었다. 뭘 하면서 보낼까 하고 설렜던 평일의 아침은 다른 친구들은 무엇을 하고 있을까 비교하는 아침이 되었고, 노래 들으면서 여유롭고 즐거웠던 밤 산책은 오늘 하루를 뭐 하면서 보냈는지 의심하고 자책하는 밤이 되었다. 주변 사람들에게는 그냥 '불안하다', ' 뭐.. 2022. 4. 10. 이전 1 ··· 3 4 5 6 다음 728x90
