본문 바로가기

728x90

분류 전체보기

(33)
화살표 함수 사용하기 ES6에서 추가된 화살표 함수는 'function'대산 '=>'를 사용하며 'return'을 생략할 수도 있다. 따라서 기존 'function'보다 간략하게 선언이 가능하며, 콜백 함수에서 this를 bind 해야 하는 문제도 발생하지 않는다. 화살표 함수에 대해 알아보기 위해 FunctionCom.js파일을 하나 만들고 App.js에 FunctionCom을 import 시켰다. 1. 기존 Function 기존에 Function은 다음과 같이 사용한다. import { Component } from "react"; class FunctionCom extends Component{ constructor(props){ super(props); this.state = { arrowFunction: '화살표',..
React 전개 연산자 전개 연산자는 배열이나 객체 변수를 좀 더 직관적이고 편리하게 합치거나 추출할 수 있게 도와주는 문법으로 변수 앞에... 를 입력해 사용한다. 먼저 배열을 확인하기 위해 import { Component } from "react"; class Component2 extends Component { render(){ return( ) } } export default Component2; Component2.js 파일을 만들어주고 import './App.css'; import Component1 from './component/Component1'; import Component2 from './component/Component2'; function App() { return ( 안녕하세요. 메인페이지..
JAVA 기초 JAVA는 C, C++ 언어를 베이스로 제작된 언어로 C언어와 문법이 거의 같음. 예 1) C로 작성된 코드 #include void main(){ int i, j = 0; for(i = 1; i < 10; i++){ j = j + i; } printf("%d, %d", i, j); } JAVA로 작성된 코드 public class Program{ public static void main(String[] args){ int i, j = 0; for(i = 1; i < 10; i++){ j = j + i; } System.out.printf("%d, %d", i, j); } } 1. 배열과 반복문 JAVA에서는 향상된 for문을 사용할 수 있음. 향상된 for문은 객체를 대상으로만 가능. JAVA에서는 ..
JavaScript 테트리스 만들기 - 4 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이 son33.tistory.com 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 2 JavaScript 테트리스 만들기 - 2 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하..
C언어 함수 1. 사용자 정의 함수 사용자 정의 함수는 사용자가 필요한 기능을 취향대로 만들어 사용할 수 있는 함수. 사용자 정의 함수를 사용하면 프로그램 구조가 간단해지고 이해하기 쉬워짐. 무엇보다 동일한 코드를 반복 입력하는 수고를 줄일 수 있음. 예 1) #include void func(int i, int j); main(){ int a = 3; b = 12; func(a, b); printf("%d, %d\n", a, b); } void func(i, j) int i, j; { i *= 3; j /= 3; printf("%d, %d\n", i, j); } 리턴 값이 없는 func함수를 만들고 함수에서 사용할 인수는 int i, int j로 정의 main() 함수 안에서 a = 3, b = 12 선언 후 fu..
C언어의 포인터, 배열, 구조체 1. 포인터 변수는 어떤 수나 문자를 저장하기 위해 사용하며 이 변수는 기억장소의 어느 위치에 대한 이름이며 그 위치는 주소로도 표현할 수 있음. C언어에서는 변수의 위치, 즉 주소를 제어할 수 있는 기능을 제공. 변수의 주소를 출력할 수도 있고 주소를 주소 변수에 저장할 수도 있음. 주소를 저장할 수 있는 변수를 포인터 변수라고 함. - 포인터 변수를 선언할 때는 자료의 형을 먼저 쓰고 변수명 앞에 *을 붙임 - 포인터 변수에 주소를 저장하기 위해 변수의 주소를 구할 때는 변수 앞에 &을 붙임 - 실행문에서 포인터 변수에 *를 붙이면 해당 포인터 변수가 가리키는 곳의 값을 이야기함 예 1) #include main(){ int a = 20; int *b; b = &a; *b = *b + 10; prin..
JavaScript 테트리스 만들기 - 3 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이 son33.tistory.com 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 2 JavaScript 테트리스 만들기 - 2 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 ㄴ 1에 이어서 2편으로 블록을 생성하고 시간이 지나면 블록이 아래로 내려오도록 만들어보았다. 1..
JavaScript 테트리스 만들기 - 2 2024.04.02 - [javaScript] - JavaScript 테트리스 만들기 - 1 JavaScript 테트리스 만들기 - 1 요즘 개발 트렌드는 javaScript를 편하게 사용하도록 도와주는 라이브러리를 활용한 개발이 아닌 순수(바닐라) javaScript를 이용한 개발이라고 어디에선가 들은 적이 있다. javaScript의 꾸준히 업데이 son33.tistory.com ㄴ 1에 이어서 2편으로 블록을 생성하고 시간이 지나면 블록이 아래로 내려오도록 만들어보았다. 1. 게임시작 // 게임시작 function play() { createBlock(); setInterval(downBlock, 1000); } 1) createBlock() 먼저 시작버튼을 누르면 블록을 생성해 게임이 시작되도록 ..
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번째 줄 ..

728x90