본문 바로가기

  • React.js 리엑트로 구구단게임 만들기 React - Zerocho (webGame) 2.구구단 리액트로 구구단 게임을 만들어보자! 아래 내용은 zeroCho님의 강좌를 기본으로 합니다. 리액트에서는 바뀌는 부분을 state로 한다. 바뀌는 부분을 이해한다는건 리액트에서 굉장히 중요하다. 구구단 게임에서 바뀌는것을 생각해보자 문제 부분( 5 곱하기 4 는?) 에서 5부분 과 4부분 사용자가 답을 입력할 인풋 그리고 문제 결과를 알려줄 '정답' 과 '땡' 부분 (1)5 곱하기 4 는? (2) 입력 (3)"땡","정답" 바뀌는 부분을 state에 넣어보자 constructor(props) { super(props); this.state = { first: Math.ceil(Math.random() * 9), second: Math.ceil(Mat.. 더보기
  • 컨퍼런스 [GDG]데일리 만년 주니어 19/02/16 [김종찬 - 네이버] 고학점 대신 개발자 커뮤니티를 택한 이야기 [김종찬 - 네이버] 학점을 고학점으로 받으려고 하는 것보단 보통을 원했다. 어떻게 커뮤니티를 만났나? 전문화된 기술자들이 공유를 안할 주 알았지만 오프라인 커뮤니티를 가보니 많은 공유가 이뤄지고 있다.구글 대학생 해커톤을 참석하고 경험자체가 너무 좋았고, 즐거운 경쟁을 경험 했다.1학년 새내기였지만 GDG 커뮤니티 리딩을 시작했다. 커뮤니티를 꾸려가는 경험(새내기였지만 적극적으로 커뮤니티에 참여하고 고학년 선배들과도 같이 행사등을 참여했다.) 위 내용을 보면 적극적인 자세를 가지기를 추천하고 리더로써 자리를 가져보는걸 추천했다.주변 사람들을 같이 꿈꾸는 사람들이 많다면 실력이 폭발적으로 늘어날것이다. 어떻게 커뮤니티를 활용했나? 가장 최신의 기술 트랜드와 도구.. 더보기
Webpack

웹팩의 기본 개념과 주요 4가지

웹팩 자바스크립트 코드가 많아짐에 따라 관리의 한계, 코드 스코프 침범, 변수 충돌 위험성 모듈을 IIFE스타일로 변경해주는 과정, 하나의 파일로 묶음(bundled)로 비용감소 웹팩의 장점 다른 module bundle에 비해 perfomance가 우수 Code Split:chunk(코드 혹은 모듈을 묶는 하나의 단위) 단위로 의존성 트리를 동기적, 비동기적으로 분활 Loader가 존재하여 다른 리소스를 순수 Javascript로 변환하고 모든 리소스에 대한 모듈을 구성한다. babel을 사용하여 ES6와 같이 브라우저에서 지원되지 않는 script code를 변환하여 사용할 수 있다 3rd-party library에 대해 모듈로 통합하는 기능을 제공 Module bundler의 대부분의 기능을 사용자..

더보기

최신글