분류 전체보기
-
GitLab에서 GitHub로 Repository 옮기기잡동사니 2021. 4. 11. 01:23
1. GitHub에 접속해 Repository를 하나 만들어준다. 2. VS Code를 킨다. 3. GitLab에서 bare 상태로 자신의 Repository clone 해오기 git clone --mirror https://kdt-gitlab.elice.io/001_part2_project-portfolio/team2/skidmarker.git 4. 프로젝트 폴더로 이동하기 cd skidmarker.git 5. 새 GitHub Repository에 remote 연결 git remote set-url --push origin https://github.com/makeitmin/skidmarker.git 6. 새 GitHub Repository로 push 하기 git push --no-verify --mi..
-
자바스크립트 객체지향 프로그래밍자바스크립트 2021. 4. 7. 02:23
6.0 객체지향 언어로서 클래스 기반의 언어와 프로토타입 기반의 언어의 차이 6.0.1 클래스 기반의 언어 - 클래스로 객체의 기본적인 형태와 기능을 정의하고, 생성자로 인스턴스를 만들어서 사용할 수 있다. - 클래스에 정의된 메서드로 여러 가지 기능을 수행할 수 있다. - 모든 인스턴스가 클래스에 정의된 대로 같은 구조이고 보통 런타임에 바꿀 수 없다. - Java, C++ 6.0.2 프로토타입 기반의 언어 - 객체의 자료구조, 메서드 등을 동적으로 바꿀 수 있다. - 정확성, 안전성, 예측성 등의 관점에서 클래스 기반 언어보다 떨어진다. - Javascript 6.1 클래스, 생성자, 메서드 자바스크립트는 거의 모든 것이 객체이고, 특히 함수 객체로 많은 것을 구현해낸다. 클래스, 생성자, 메서드도 ..
-
React + socket.io 실시간 채팅 구현 (비공개)카테고리 없음 2021. 4. 6. 17:46
핵심은 join을 이용한 여러개의 채팅방을 운영하는 것 socket.io를 이해하는데 있어서 가장 중요한 핵심 개념들 emit on join emit은 단어 그대로 이벤트를 발생시키는 것입니다 첫번째 인자인 sendMessage는 발생시키고자 하는 이벤트입니다 서버측, 클라이언트 측이든 상관 없이 이벤트를 발생시키고자 한다면 emit을 통해 발생 시켜주면 됩니다 On은 Emit으로 발생된 이벤트에 대한 응답을 나타냅니다. 채팅은 주고 받는 것이 기본이기 때문에 emit으로 보내고 on으로 응답하는 아주 간단한 구조입니다 Join join도 하나의 이벤트라고 생각하면 간단합니다 socket이 알아서 방을 관리해주는 것입니다 클라이언트와 서버측의 코드를 함께 보겠습니다 1. 클라이언트 측에서 emit을 통해..
-
VS Code에서 Snippet 사용법잡동사니 2021. 4. 4. 11:42
snippet 스니펫(snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다. html 코드에서 !를 쓰고 탭을 누르면 기본적인 html 태그들이 자동적으로 입력되는 것처럼 다른 파일에서도 사용자가 직접 자동입력이 되게 설정해줄 수 있다. ⚒ VSCode에서 Custom Snippet 만들기 React Functional Component를 만들기 위한 예시 코드 import React from 'react'; function ${TM_FILENAME_BASE}() { return ( Hello React! ); } export default ${TM_FILENAME_BASE}; ${TM_..
-
ES6 문법 정리자바스크립트 2021. 4. 4. 01:48
리액트를 다시 공부하면서 생소한 문법(화살표문법 같은?)이 적응이 안되서 ES6 문법에 대해 정리를 해보았다. (모두는 아니고 배운 내용 일부만!) 1. ES6 - ECMAScript 표준의 가장 최신 버전으로 ECMAScript 6 ( ECMAScript 2015 )를 줄인 말이다. - ES6는 새로운 언어 기능이 포함된 주요 업데이트이며, 2009년도에 표준화된 ES5 이후로 언어 기능에 대한 첫 업데이트다. 2. 추가된 기능 arrows classes enhanced object literals template strings destructuring default + rest + spread let + const iterators + for ... of generators unicode module..
-
자바스크립트 데이터 타입과 연산자(1)자바스크립트 2021. 4. 2. 17:49
자바스크립트란? - 동적인 웹사이트 제작시 사용되는 프로그래밍 언어 - 변수 : 데이터를 담는 공간 - 변수 선언 : 데이터를 담을 공간을 생성하는 것 - 변수 초기화 : 생성된 변수에 데이터를 전달하는 것 - 느슨한 타입 체크 언어 : int, float, char 등의 예약어를 이용하지 않고 var, let, const 키워드로만 변수를 선언 // 변수 선언 var fruit; // 변수 초기화 fruit = "apple"; var fruit = 'apple'; // 데이터 변경 fruit = 'banana'; 3.1 자바스크립트 기본 타입 3.1.1 숫자 - 하나의 숫자형만 존재(C언어는 int, long, float, double 등) var num = 5 / 2; console.log(num);..
-
[백준 파이썬] 스택 - 10828번: 스택알고리즘/백준 2021. 3. 28. 22:48
간단한 스택 문제이다. 특정 명령을 받았을 때 스택에 대한 명령을 수행한다. 처음 생각해본건 case 별로 조건문을 넣으면 될 것 같아 코드를 작성해 보았다. n = int(input()) order_list = [] for i in range(n): order_list.append(input()) stack = [] for order in order_list: if order.startswith('push'): order, number = order.split() stack.append(int(number)) elif order == "pop": if len(stack) == 0: print(-1) else: print(stack.pop()) elif order == "size": print(len(s..