Til
-
Github 정리Trainings/세션 정리 2020. 5. 9. 21:47
Git이란? 프로그램의 소스 코드 관리를 위한 분산 버전 관리 시스템이다. 즉, 여러 명의 개발자가 특정 프로젝트를 자신의 컴퓨터로 협업하면서 개발할 때, 버전을 관리할 수 있는 시스템이다. Github이란? 원격저장소를 제공하여 전 세계 개발자들이 협업을 가능하게 하여 오픈소스를 만드는 서비스이다. 즉, 원격 저장소란 지역 저장소에서 작업한 내용을 업로드 하여 여러 개발자들이 협업할 수 있도록 만드는 중앙 저장소라고 보면 된다. github repository(저장소) 생성 방법 +항목에 new repository 클릭 Create repository 버튼을 누르면 이렇게 helloGithub이라는 repository(저장소)가 생성된다. github 사용방법 git init : Git 저장소를 새로 ..
-
자바스크립트 - 클래스 기본 개념JavaScript/기본 2020. 5. 6. 10:41
Class의란? Class는 사실 함수이다. 함수는 함수 표현식과 함수 선언으로 정의할 수 있듯이 class 문법도 class표현식과 class선언 두 가지 방법을 제공한다. Class의 선언 class를 정의하는 한 가지 방법은 class 선언을 이용하는 것이다. class를 선언하기 위해서는 클래스의 이름과 함께 class 키워드를 사용해야 한다. class Person { constructor(name, age) { this.name = name; this.age = age; } } 단, 함수 선언과 클래스 선언의 중요한 차이점은 호이스팅 여부이다. 함수 선언의 경우 호이스팅이 일어나지만, 클래스 선언은 그렇지 않다. 클래스를 사용하기 위해서는 클래스를 먼저 선언 해야하며, 그렇지 않으면 Refer..
-
자바스크립트 - 객체 메소드 정리JavaScript/기본 2020. 5. 5. 19:33
자바스크립트에서 객체를 어떻게 선언하고, 사용할 수 있는지 알아보자. 먼저 객체는 {}(중괄호)로 감싸져 있고, :(클론)으로 구분된 이름/값 쌍들이 , (쉼표)로 분리된 목록의 형태이다. 다시 말하면 객체는 이름과 값으로 구성된 프로퍼티의 집합이라고 할 수 있다. 위에서 propertyName1,2로 나누었는데, 프로퍼티 이름은 중복이 되면 안 되기 때문에 숫자로 구분해 놓았다. 객체를 만들때는 규칙 1. property 이름은 중복될 수 없다. 2. property이름과 property값 사이에 :(콜론)으로 구분한다. 3. property를 추가할 때는 , (쉼표)를 붙여준다. 4. property 값에는 어느 type이나 가능하다.(string, numberm array, object, funct..
-
[wecode 3주차] 함수 - 호출, 정의카테고리 없음 2020. 5. 4. 23:23
함수란? 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록이다. 변수도 이름이 있듯이, 함수도 이름이 존재한다. 함수 이름을 부르면, 함수 내에 있는 코드가 실행된다. 함수 이름을 부르는 것을 앞으로 "함수를 호출한다"라고 표현한다. // 함수 정의 function checkCorrect() { let hi = "안녕하세요"; return hi; } // 함수 호출 checkCorrect(); 함수 이름이 checkCorrect이고,위와 같이 함수를 생성하고, 아래와 같이 이름을 불러 호출할 수 있습니다. 단, 함수 정의만 해놓고 함수 호출을 하지 않는다면, 함수의 body 부분이 실행되지 않는다. 1. 함수는 function 키워드로 시작한다. 2. 함수 이름을 정해주고 함수를 알리는 ()(..
-
[wecode 2주차] JavaScript Exam(3)Trainings/Exam 2020. 5. 2. 22:00
[ 문제 ] "calculate_total" 함수를 작성하세요. 팁과 세금을 제외한 식사값이 주어졌을 때, "calculate_total" 함수는 팁과 세금이 포함된 총 식사값을 반환합니다. Notes: 세금은 9.5% 팁은 15% 로 계산하세요. 팁을 계산할 때 세금을 포함하여 계산하지 마세요. [ 결과 ] console.log(calculate_total(20)); // --> 24.9 [ 내가 짠 코드 ] function calculate_total(price){ const s = (price * 9.5) /100; console.log(s); const t = (price * 15) /100; console.log(t); return price+s+t; } calculate_total(20); 우..
-
[wecode 2주차] JavaScript Exam(2)Trainings/Exam 2020. 5. 2. 21:36
[ 문제 ] "get_prefix" 함수를 작성하세요. 문자열이 주어졌을 때, "-"를 기준으로 앞에 있는 문자열을 반환하세요. [ 결과 ] console.log(get_prefix('BTC-KRW')) // --> BTC [내가 짠 코드] function get_prefix(str){ const n = str.indexOf('-'); console.log(n) return str.slice(0, n); } get_prefix("BTC-KRW"); // 함수 호출 먼저 "get_prefix" 함수를 정의하고, 인자 값이 문자열이기 때문에 매개 변수 이름은 문자열을 의미하는 str로 설정했다. 우리는 "-"를 기준으로 앞에 있는 문자열을 반환해야한다. "-"를 기준으로 정하기 위해서 indexOf()라는 ..
-
[wecode 2주차] JavaScript Exam(1)Trainings/Exam 2020. 5. 2. 21:06
[ 문제 ] 짝수인지 판별하는 함수 is_even을 작성 주세요. [ 결과 ] console.log(is_even(11)) // --> "짝수가 아닙니다" console.log(is_even(10)) // --> "짝수입니다" [내가 짠 코드] function is_even(num){ if(num % 2 !== 0){ return "짝수가 아닙니다"; }else{ return "짝수 입니다"; } } is_even(2); // 호출 일단 짝수 여부를 판별만 하면 되는 문제이다. 먼저 is_even이라는 함수를 만들고, 매개변수에는 숫자를 받을 것이기 때문에, 숫자를 의미하는 num이라고 이름을 지정했다. 짝수 여부를 판별해야 하기 때문에, num이라는 매개변수에 2로 나누는 방식으로 접근했다. 조건문에 ..
-
CSS - 인스타 클론(2)CSS/CSS 2020. 5. 1. 13:02
앞에서 인스타그램을 html/css를 이용해서 만들었다. 이제 이 로그인 화면에 기능을 넣어 보도록 하자. Event 구현할 기능은 아이디와 비밀번호에 각각 한 글자 이상 써야 버튼이 활성화되도록 해야 한다. 버튼 색깔이 원래 연한 파란색이었다가 -> 활성화되면 파란색으로! [ html ] 로그인 [ javascript ] const userId = document.querySelector("#userId"); const userPw = document.querySelector("#userPw"); const loginBtn = document.querySelector(".loginBtn"); function check() { if (userId.value.length === 0 && userPw.val..