전체 글 (29) 썸네일형 리스트형 Github에 처음 업로드하기 초기화 및 깃 저장소 생성 git init 작업한 파일 추가하기 (. 점은 파일 전부를 말한다. 특정 파일만 추가하고 싶다면 파일명을 입력해야 한다.) git add . 작업한 파일 빼기 (add한걸 전부 빼기) git rm --cached * 히스토리 만들기(커밋) git commit -m "첫 번째 작업물입니다. -민욱-" Githube repository랑 내 로컬 프로젝트랑 연결 git remote add origin https://github.com/kangminwook/firstproject.git Github에 올리기 (마지막 업로드) git push origin master master 자리에는 브랜치명이 들어가도 된다. 지금은 master 브랜치에 파일을 업로드한다는 뜻. git 명령어 Git 환경설정 하기 1. 내 컴퓨터에 유저 이름 설정 git config --global user.name "kangminwook" 2. 이메일 설정 git config --global user.emial "kangmu950@gmial.com" 3. 정보 확인하기 ```bash git config --global user.emial "kangmu950@gmial.com" ``` git config —list로 입력하게 되면 영어로 어쩌고저쩌고… 설명하는데 다 필요 없고 user.name과 user.email만 보면 된다. 명령어 정리 Git 저장소 생성 git init 내 정보들 입력 git config -g user.name “(내 이름)” git config -g user.email “(내 메일주소.. import / export를 이용한 파일간의 모듈식 개발 개발을 하다 보면 스크립트 코드가 길어지면서 각각 파일로 쪼개어 만드는 습관이 필요하다. 즉, API를 만들다 보면 회원가입에 필요한 API가 있을 거고 로그인에 필요한 API가 있을 텐데 이 부분을 각각 파일로 만들어 사용하다 보면 유지보수 및 시각적으로도 눈에 쉽게 띄기 때문에 반드시 필요하다. ES6에서 import/export를 쓰면 내가 원하는 변수, 함수, class만 다른 파일에서 사용할 수 있게 내보낼 수 있다. 지금부터 어떻게 사용하는지 알아보자. 파일 2개 만들기 index.html minwook.js 1. export default / import 사용 let myName = "강민욱"; export default myName; 2. index.html 사용 /**...*/ JS 파일.. 비동기처리, 콜백함수 비동기 처리? 그게 뭔가요? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 비동기 처리의 첫 번째 사례 비동기 처리의 가장 흔한 사례는 제이쿼리의 ajax입니다. 제이쿼리로 실제 웹 서비스를 개발할 때 ajax 통신을 빼놓을 수가 없습니다. 보통 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는데 이때 ajax 통신으로 해당 데이터를 서버로부터 가져올 수 있기 때문입니다. 그럼 ajax 코드를 잠깐 살펴보겠습니다. function getData() { var tableData; $.get('https://domain.com/products/1', function(response) { tabl.. Const, let es2015에서는 let, const가 추가되었다. javascipt에는 그동안 var만 존재했기 때문에 아래와 같은 문제가 있었다. // 이미 만들어진 변수이름으로 재선언했는데 아무런 문제가 발생하지 않는다. var a = 'test' var a = 'test2' // hoisting으로 인해 ReferenceError에러가 안난다. c = 'test' var c 위와 같은 문제점으로 인해 javascript를 욕 하는 사람이 참 많았다. 하지만 let, const를 사용하면 var를 사용할 때보다 상당히 이점이 많다. 두 개의 공통점은 var와 다르게 변수 재 선언이 불가능이다. let과 const의 차이점은 변수의 immutable 여부이다. let은 변수에 재할당이 가능하지만, const는 변수 .. [Statement] JS - for...in 구문 (= 포인구문 = 포인문 = 포인반복문) ※ 객체 이용한 반복문에 유용 for...in 예제 - 객체 클릭 결과보기 결과값: 홈짱닷컴 Homzzang.com 2012 for...in 예제 - 배열 결과보기 ※ 배열키는 0부터 시작. ※ 배열도 가능하나, 배열은 그냥 for문 이용 권장. for..in 정의 객체 속성 반복에 유용한 구문 1. 실행코드는 각 객체 속성에 대해 한번씩만 실행됨. 2. 인덱스 순서가 중요한 배열 경우엔 for...in문 사용하지 말고, for문 사용. 3. 반복문 종류 for 여러 번 코드 블록 반복. for...in 객체 속성 반복 for...of 반복가능한 객체의 값을 반복 while 조건이 참일 때 반복. do...while 일단 한 번 반복 후, 조건이 참이면 반복. 4. 주요 모든 브라우저 지원. 5. JS .. trim() 메서드 - 문자열 양쪽 공백제거 trim() 예제 - 문자열 양쪽 공백 제거 클릭 function homzzang() { var str = " 홈짱닷컴 Homzzang.com "; var res = str.trim(); document.getElementById("demo").innerHTML = res; // 결과값 : 홈짱닷컴 Homzzang.com 결과값: 홈짱닷컴 Homzzang.com substr 문자열 자르기 특정위치에서 특정 길이 만큼 반환 목차 substr() 예제 - JavaScript 경우 substr() 정의 substr() 구문 substr() 예제 - jQuery 경우 substr() 예제 클릭 결과값: zzang substr() 정의 문자열의 특정 위치 이후의 특정 길이 만큼 자르기 1. 문자열의 끝부분부터 자르려면 음수 사용 (단, 익스8 및 그 이전 버전에서는 작동 안 함.) 2. 원래 문자열의 값을 변경하는 것은 아님. 3. 주요 브라우저 모두 지원. 4. ECMAScript 1 substr() 구문 string.substr(start, length) [매개변수] string 필수. 원래 문자열 start 필수. 추출 시작 위치. ※ 양수이면서 원래 문자열보다 큰 수 지정 시 빈 문자열 반환, ※ 음수면 문자열 끝부터 추출.. 이전 1 2 3 4 다음