본문 바로가기

전체 글

(239)
[Eclipse & Git] 2. 협업을 위한 멤버 초대와 branch 생성 1. 프로젝트 인원추가 Settings > Collaborators > Add people 메뉴를 선택하여 협업 개발자를 초대한다. 2.branch 곁가지라는 뜻을 가진 branch는 협업인원들이 각자의 저장공간을 통해 해당 프로젝트를 각자 진행 할 수 있으며 현행작업물을 작업자수 + a 만큼의 branch로 나누어 충돌이나 오류없이 작업을 진행할 수 있다. 이러한 각자의 작업물은 관리자에 의해 master branch로 관리되어진다. 2_1 branch 생성 branch 메뉴를 선택하여 새로운 branch를 생성할 수 있다. 참여인원이 있다면 참여인원에 맞는 이름으로 선택도 가능하다. 새로운 Branch가 생성된모습, branch마다 작업자를 지정해주는것이 바람직하다. 2_1 branch 변경 및 작업..
[Eclipse & Git] 1. Git 프로젝트 파일 환경설정 0. Git 개요 대표적인 분산형 버전관리 프로그램으로, 오픈소스로 공개되어 누구나 사용가능하며, 다수의 사용자가 프로그램을 협업으로 형상관리등을 할 때 유용하게 사용할 수 있는 툴이다. 로컬저장소를 이용하기 때문에 연결문제나, 데이터의 변조, 손망실에 비교적 자유롭다. 대표적으로 Github를 이용해서 편리하게 이용할 수 있다. 본 포스트는 Eclipse를 이용한 프로젝트 환경설정에 대해 소개한다. 1. 프로젝트의 로컬저장소 생성 현재 작업중인 Web project 우클릭 > Team > Share Project 현재 작업중인 Web 프로젝트 파일은 개별 작업자의 컴퓨터의 저장공간에 들어있다. git은 데이터의 변조와 삭제를 방지하고자 git과 통신하는 별도의 저장공간을 만들어야한다. gitStorag..
9월2일(금) 강의노트 리액트 기초, 리눅스 1교시 10-11/ 주제 : / 코드 파일:/ 응용프로그램에 관하여 설명 현재 프로그램을 사용하지 않더라도 서버가 돌고 있다 앞으로의 커리큘럼? 클라이언트에서 서버로 접속하기 위해 HTML (JSP, React) -> tmvmfld 리눅스 다음주에 자바로 MariaDB에 접근하는 방법? Node.js 설치 cmd창 경로 이동 명령어 cd ~ cd.. : 하위경로로 이동 React 작업 환경 설정 1. node.js 설치 2. vs code 설치 3. 리액트 설치 ( 리액트 CRA 설치 ) : cmd창 - npm install -g create-react-app 입력 create-react-appreate-react-app --version 으로 설치된 버전을 확인할 수 있다. --- 4. 프로젝트 생성 ..
자바스크립트의 암묵적 타입변환 0.개요 자바스크립트 엔진은 표현식을 평가할 때 개발자의 의도와는 상관없이 코드의 문맥을 고려해 암묵적으로 데이터 타입을 강제 변환( 암묵적 타입 변환) 할 때가 있다. // 피연산자가 모두 문자열 타입이어야 하는 문맥 let a ='10' + 2; console.log(a);// 102 // 피연산자가 모두 숫자 타입이어야 하는 문맥 let b = 5 * '10'; console.log(b);// 50 // 피연산자 또는 표현식이 불리언 타입이어야 하는 문맥 let c = !0; console.log(c);//false if(1){ }//반복문 수행 이처럼 표현식을 평가할 때도 코드의 문맥에 부합하지 않는 다양한 상황이 발생할 수 있다. 자바스크립트는 가급적 에러를 발생시키지 않도록 암묵적 타입변환을 ..
자바스크립트JavaScript 개요/ 개발환경 설정 0.자바스크립트 개요 자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로, 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다. 웹페이지에서 아이콘의 반응이 일어나거나( 포커싱), 페이지가 전환되는 등의 동적인 기능을 추가하기 위한 언어이다. 명령형, 함수형 프로토타입 기반의 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다 자바스크립트는 일반적으로 인터프리터 언어로 구분한다. 전통적인 컴파일러 언어와 비교하면 컴파일러 언어 인터프리터언어 코드가 실행되기 전 단계인 컴파일 타임에 소스 코드 전체를 한번에 머신 코드로 변환 후 실행한다 코드가 실행되는 단계인 런타임에 문 단위로 한 줄씩 중간코드인 바이트 코드로 변환 후 실행한다 실행파일을 생성한다 실행파일을 생성하지 않는다..
비주얼 스튜디오 코드(Visual Studio Code) 단축키 모음 Ctrl + X 줄 잘라내기 ( 선택한 것이 없을 때 ) Ctrl + C 줄 복사 ( 선택한 것이 없을 때) Alt + ↑ / ↓ 줄 이동( 위/ 아래로 이동) shift + Alt + ↑ / ↓ 줄 복사 (위/ 아래로 복사) Ctrl + shift + K 행 삭제 Ctrl + Enter 아래에 줄 삽입 Ctrl + ] / [ (다중 행) 줄 들여쓰기( = tab) / 내여쓰기 Tab/ shift + Tab (다중 행) 줄 들여쓰기( = tab) / 내여쓰기 Ctrl + / 줄 주석 처리 네비게이션 F5 디버깅 실행 Ctrl + F5 실행 F8 (디버그) 다음오류 또는 경고로 이동 Alt + ←/→ 뒤로가기 / 앞으로 가기 찾기, 찾아 바꾸기 Ctrl + F 찾기 Ctrl + H 찾아 바꾸기 언어편집 C..
JavaFX기초_ 라이브러리 설치와 작업환경 설정 0.개요 Java를 이용해 사용자의 UI설계에 도움을 주는 JavaFx는 크로스 플랫폼에서 실행하는 리치 클라이언트 애플리케이션을 개발하기 위해 그래픽과 미디어 패키지를 말합니다. JavaFx는 자바 표준 UI였던 Swing을 대체하기 위해 만들어 졌으며 더 가볍고 더 강력해진 라이브러리입니다. JDK11부터는 별도로 분리된 라이브러리로 제공되기에 설치및 환경 설정이 반드시 필요합니다 1.라이브러리 설치 링크에 접속하여 설치환경에 맞는 JavaFx라이브러리 파일을 다운 받습니다 https://gluonhq.com/products/javafx/ JavaFX - Gluon Roadmap Release GA Date Latest version Long Term Support Extended or custom ..
자바_this의 활용 자바언어의 클래스에서 특히Mo클래스에는 빠지지 않고 등장할만큼 익숙하고 많이 쓰이는 this 기본생성자에 변수 구분을 위해 자주 쓰이는this는 그 이외에도 클래스와 메서드를 넘나들며 데이터 입출력과 클래스간 상호작용 등 다양한 쓰임새가 있다. 알고나면 더 높은 활용도로 간결한 코드에 도움이 될 수 있는 this의 활용법에 대해 소개하고자 한다. This활용법 4가지 클래스의 기본생성자에서 매개변수의 변수명과 클래스의 변수명을 구분 체이닝(Method Chaining) 활용 생성자에서 기본생성자 호출 클래스간 호출시 인자로 변수 값 전달 1.클래스의 기본생성자에서 매개변수의 변수명과 클래스의 변수명을 구분 가장 일반적인 경우이다. 인수를 전달된 값으로 생성자에서 값을 지정하고 싶다 public Const..