C-generation

Sourcetree 툴 사용 1.설치 홈페이지에서 다운받기 > 설치하기 > Bitbucket 클릭 > 브라우저 창이 뜸 > 깃허브에서 쓰는 계정(구글)으로 로그인 > Grant access > Authentication Successful > 소스트리에 가보면 등록 완료!라고 되어 있음. > 다음 > Git(체크) Mercurial(체크해제) > 다운로드 중... > 다음 > Preferences 로그인한 정보가 그대로 뜸. > 다음 > SSH 키 있나요? "아니요" 클릭 > 설치 완료 2.Sourcetree 2-1.깃허브 계정과 연동(원격만 연결) Remote 클릭 > 계정 추가 > 호스팅 서비스 : GitHub, 인증 : OAuth > OAuth 토큰 새로고침 클릭 > (브라우저에 로그인 되어 있다면..

버전 관리 시스템(형상 관리 시스템) 원하는 시점(버전)으로 이동할 수 있으며, 각 버전별로 여러 개발자가 협업할 수 있는 최적의 환경을 제공하는 시스템 SVN 작업 내역 커밋 시 변경사항과 히스토리가 즉시 서버로 전송되기 때문에 관리가 용이하다. 또한 간단한 설치와 사용방법으로 별도의 교육 없이도 초보자도 쉽게 사용할 수 있다. 하지만 항상 원격 저장소(SVN 서버)를 필요로 하며 서버 간 버전 관리가 힘들다. 장점 1. 커밋, 체크아웃만 하면 된다. >> 편하고 쉬움 단점 1. 1번이 잘못된 코드를 커밋하면 서버가 박살남. 2. 백업이 따로 없음. >> 백업파일을 따로 만들어야 함. 3. 보안이 약함. 4. 충돌이 발생하면 고치기가 힘듦. 작업의 손실. 위험함. Git(분산형 버전 관리 시스템) SV..

Oauth : 구글(네이버 등등) 누르면 해당 로그인 페이지로 이동하는 거 카카오맵API 1.홈페이지 접속 : kakaoMap Api 2.원하는 버전 선택 : Android, Web, iOS 3.나의 ip(local)를 카카오에 등록을 해줘야 쓸 수 있음. API KEY를 사용해서 등록함. 4.카카오 개발자사이트 접속해서 로그인 5.애플리케이션 추가하기(앱 이름, 사업자명 작성 후 저장) 5-1.해당하는 앱 키 복사 5-2.플랫폼에 나의 ip주소 설정 (Web의 경우, 도메인주소(프로토콜,ip주소,포트번호) 추가하기. 마지막에 / 빼기) 6.카카오맵 api 홈페이지에서 sample에서 내가 필요한 코드 복사 7.script에 앱 키 복사해서 appkey= 뒤에 붙여넣기 summer_note API 1.홈..

브라우저 객체 모델(BOM) 자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있다. 이 때 사용할 수 있는 객체 모델을 브라우저 객체 모델(BOM)이라고 한다. 브라우저 객체 모델은 문서 객체 모델(DOM)과 달리 W3C의 표준 객체 모델은 아니지만 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 수 있는 방법을 제공해준다. window 객체 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원한다. 자바스크립트의 모든 객체, 전역함수, 전역변수들은 자동으로 window 객체의 프로퍼티가 된다. (window : 브라우저를 의미) window.open() : 브라우저를 하나 여는 것 window 객체의 open()메소드를..

DOM(Document Object Model) 객체 HTML 태그들을 하나씩 객체화한 것. HTML 페이지의 내용과 모양을 제어하기 위해 사용되는 객체이다. HTML 태그 당 DOM 객체가 하나씩 생성된다. HTML 태그의 포함관계에 따라서 부모, 자식, 형제자매 관계로 구성된다. ----- for..in / for..of in 뒤에 있는 자료구조의 key값을 i에 담을 수 있다.(lists가 배열형태니까 i가 인덱스임.) of 뒤에 있는 자료구조의 value값을 list에 담을 수 있다. prototype : 객체화 없이 static변수처럼 바로 필드에 접근할 때 사용 HTMLCollection.prototype.forEach = Array.prototype.forEach; //HTML객체에도 for..

터미널 : ctrl + ` cd day01(폴더명) node date.js(파일명) 이미 만들어져 있는 객체 --> 코어객체 프젝할 때 관리자페이지 만들어야 함 관리자페이지는 웹이고 페이징처리가 들어감 1.math Math.floor(Math.random() * n) : 0 ~ n-1의 난수 > Math.random()은 실수(소수점)으로 나옴. 거기서 n을 곱하면 n-1까지 범위가 나옴. Math.floor 소수점아래 버림. ex) 0.7 * 2 >> 0과 1이 나옴.(n-1까지)(소수점아래 버림) 2.date body태그도 document객체의 프로퍼티임. document객체는 문서의 모든 것들을 관리하는 객체임. body태그 안에도 여러 프로퍼티가 있음. 그 안에 style(객체)이라는 프로퍼티가 ..

데이터 타입과 변수 7.상수 : 두 번 이상 선언 불가 let : 수정 가능 const : 수정 불가능 함수가 아닌 다른 영역(중괄호 영역)에서는 scope로 판단하지 않는다. for문 안에서 var i는 지역변수 같지만 함수의 scope가 아니기 때문에 영역밖에서도 사용이 가능하다. 예약어() >> 함수가 아님! var 함수레벨 let 블록레벨(블록={}=바디) let 키워드는 함수 레벨 스코프가 아닌 블록 레벨 스코프이기 때문에, 중괄호 안에서 선언하면 함수가 아니여도 해당 중괄호가 닫히면 메모리에서 해제된다. 중괄호 안에서 let으로 선언된 변수는 밖에서 사용할 수 없다. 변수 선언할 때 var나 let을 사용하자! let 자바의 변수와 비슷(중괄호를 벗어나면 사용불가) const 자바의 final..

full screen 캡쳐하는 방법 f12 > ctrl+shift+p > capture > fullscreen.. 자바스크립트(Javascript) ; 스크립트 언어(대화형 언어) 1.퍼즐 조각처럼 코드 형태로 HTML 페이지에 내장된다. 2.컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행된다. ※ 개발이 발전됨에 따라 컴파일 과정이 가능해졌으며, Node.js(Node라는 명령어로 작업)로 서버환경을 구축한다. 컴파일 언어 > 페이지 단위로 통채로 번역 VS 스크립트 언어 > 한 줄씩 번역 컴파일과 컴파일언어는 다름. 컴파일 : 번역파일 만드는 과정 .java(사람 언어) .class(컴퓨터 언어) javac명령어 java명령어 (jdk11이상부터 java명령어 하나..

DB(mysql) Model(VO) View(Main) Controller(UserDAO, FunctionDAO) 마지막으로 코드 정리하고 피피티 발표 준비 완료~ 발표 지루하게 한다고 혼났지만,, 그래도 끝내서 홀가분하다 한 달 배워서 3일만에 이걸 완성하다니..!! 잘했다!!