전체 글 (33) 썸네일형 리스트형 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이트, 라이브러리 이용 시 다소 느려지는 로딩시간 등의 이유로 실제로 프런트엔드 개발에 필수였던 jQuery의 사용량은 급감 중이고(물론 React, vue.js 등의 프레임워크 등장의 영향도 있음) 개발 구인 시 필요 기술에서도 jQuery는 점점 빠지는 추세다. 그.래.서 javaScript의 능력을 키움과 동시에 뽐내기 위해 순수 JS만을 이용한 테트리스 만들기를 해보려 한다. 1. 기본세팅 테 트 리 스 게임시작 LEVEL : 0 SCORE : 0 모든 작업은 vs code에서 진행했고.. C언어의 제어문 1. 제어문 컴퓨터 프로그램은 명령어가 서술된 순서에 따라 무조건 위에서 아래로 실행되는데, 조건을 지정해서 진행 순서를 변경할 수 있음. 이렇게 프로그램의 순서를 변경할 때 사용하는 명령문을 제어문이라고 하며, if문, switch~case, 반복문, break, continue 등이 있음. 2. if문 조건에 따라서 실행할 문장 두 개 중 하나를 선택하는 제어문으로 조건이 참일 때만 실행할 문장을 지정할 수도 있고, 참과 거짓 각각에 대해서 실행할 문장을 지정할 수 도 있음. 예 1) #include main(){ int a = 15, b; if(a > 10) b = a - 10; b = b + (10 - b); printf("%d\n", b); } a값이 10보다 큰지 비교한 후 크다면 5번째 줄 .. React 생명주기 함수 '변경' React 생명주기 함수 '변경'과정에 속하는 함수는 shouldComponentUpdate()로 여기서 '변경'이란 props나 state의 변경을 말한다. shouldComponentUpdate() 함수의 실행을 확인해 보기 위해 다음과 같이 코드를 수정해 보자. import React, {Component} from 'react'; class Component1 extends Component{ static getDerivedStateFromProps(props, state){ console.log('2번'+props.value+'실행'); return {sValue:props.value, eValue:'중간 두번째'}; } constructor(props){ super(props); this.st.. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
