개발자라면 필수인 버전관리시스템 git,github에 대해 알아보자. Git이란 git의 공식명칭은 분산버전관리시스템(VCS)으로, 프로젝트 파일의 변경사항을 추적하는 시스템을 말한다. GitHub는 분산 버전 컨트롤 소프트웨어 Git을 기반으로 소스 코드를 호스팅

다양한 배열 메소드를 사용해보고, 차이점을 알아보자. array methods 자바스크립트에는 유용한 어레이 메소드가 존재하고, 기존의 반복문을 통해서 만들어지는 많의 양의 코드를 어레이 메소드를 통해서 좀 더 직관적이게 만들 수 있다. 콜백함수를 통해 각 요소에 대

다양한 유형의 객체 문제를 접해보자. 객체 이용해서 총 판매량, 리뷰개수, 좋아요수 구하기 인자로 받은 데이터를 조합해서, 구조를 바꿔서 리턴하자. objData가 갖고 있는 property는 다음의 3개이다. sumAmount: 총 판매량 sumReview: 총 리

js에 class나 object가 없다면, 규모있는 프로젝트를 만들기 굉장히 힘들다. 'class'에 대해 알아보고, object와의 차이를 정리해보자.클래스는 객체지향 프로그래밍의 핵심이다. 청사진, 또는 template라고 불리기도 한다.연관있는 데이터들이 종합적으

다양한 문제를 통해서 js에 익숙져보자. slice함수 사용해서 원하는 주소 자르기 주어진 주소가 어느 도시인지를 찾아내서, 해당 주소에서 도시 부분만 삭제한 새로운 주소를 리턴해보자.("도"와 "시"는 주소에 한번 밖에 포함되어 있지 않는다.) 아이디어

for문을 활용해서 배열 안의 가장 작은 숫자를 찾아보자.배열 안의 숫자 중 두 숫자를 비교해서 작은 쪽을 변수(가장 작은 숫자) 안에 지정해준다. for문을 이용해서 변수가 배열 안의 또 다른 숫자와 계속해서 비교할 수 있다. 더 작은 숫자가 나타날 경우, 변수가 갈

문서의 정보를 보다 잘 표현하기 위해서는 의미에 맞는 태그를 잘 사용해야한다. 적절한 도구 sematic tag를 골라 사용해보자.'의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계

웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소! 시작이 반이다. display속성은 요소를 어떻게 표시할지를 선택하고, visibility속성은 요소를 나타낼지 말지를 결절하는 속성이다. display는 상속이 불가능하고, visibility는

배열도 객체이다.한개의 변수 안에 여러개의 값을 순차적으로 저장할 때 사용한다. 배열 안의 있는 값들을 요소(element)라고 한다. 순서가 있는 값을 만들 때에는, 객체보다 배열을 활용하는 것이 효율적이다.인덱스를 통해서 요소에 접근하는 것을 인덱싱이라고 한다. 배

object 여러가지 값을 한번에 저장하고 싶을 때, 객체를 사용한다. 값이름인 'key'와 값인 'value'로 구성되고,key, value 한 쌍을 property(속성)라고 부른다. property name, property value라는 용어로도 불린다. 'k

로또번호 7개의 숫자를 랜덤하게 보여주는 사이트다. 좋은 꿈을 꾸면 항상 로또를 사는 편이라 이런 사이트를 만들게 되었다.(하지만, 한번도 대박이 난 적은 없다는 사실...)제목의 색이 0.5초마다 바뀔 것1~45까지의 번호가 겹치지 않게 나올 것1~9번-노란색, 10

html,css를 이용해서 자기소개웹페이지를 만들어보자.(1주차 사전과제) 1주차 사전과제로 자기소개웹페이지를 만들어보는 미션을 받았다.

변수 종류에는 var, let 상수 const가 있다. 전에는 var를 쓰는 경향이 있었지만, ES6가 출범한 이후에는 let과 const의 사용이 두드러졌다.선언 방법에는 차이가 없다.호이스팅은 '끌어올리다'라는 뜻으로, 아래쪽에 선언된 변수를 끌어올려 값을 대입할

'이벤트'을 이용해서 html, css와 협력해보자. 이벤트는 사용자의 어떠한 동작에 따라 기능이 실행되는 것을 의미한다. html요소에 특정 이벤트가 발생하면 js는 이러한 이벤트를 감지하여 반응할 수 있다. 이벤트는 이벤트 대상, 이벤트 종류, 이벤트가 발생했을 때

자주 사용하는 math, string, array,date method를 정리해보자. math string length 속성은 문자열의 길이를 나타낸다. charAt(index)속성은 str의 지정한 인덱스에 있는 특정문자를 받아올 수 있다. 문자열 안에서 찾

for반복문을 이용해서 \*삼각형을 만들어보자.주어진 높이(height)에 맞게 \*로 삼각형을 그려주는 함수 printTriangle을 만들어보자. 높이: 5높이: 3높이: 1의 결과가 나왔다.▶︎또 ''하나씩 늘어나게하는 또 하나의 변수값이 필요했다- var tex

JS에서 배운 if문을 활용해보자.else if 안에 if를 중첩해서 사용하는 것이 가능했다!나이가 같으면 "친구"자신보다 나이가 어릴 경우 "남동생", "여동생"남자의 경우:자신보다 나이가 많은 남자에게 "형"자신보다 나이가 많은 여자에게 "누나"여자의 경우:자신보다

반복문의 종류와 차이에 대해 알아보자.주의할 점은 프로그래밍은 숫자를 카운팅할 때, 관습적으로 0부터 카운팅한다.While 반복문과 비슷하지만, 구성요소를 한 줄에 나타낼 수 있다. (변수 선언; 반복 조건; 반복문이 끝나고 실행될 코드) \*';'(세미콜론)위치를 주

JS 함수 코드의 흐름을 알아보자. (js 어렵다...) function(함수) 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 유지,보수가 쉽고 중복이 적은 코드를 만들 수 있다. 0~9까지 numbering();쓴 횟수인 4번만큼 실행

웹사이트를 동적으로 만들어주는 'JS'에 대해 알아보자.자바스크립트는 '웹 프론트엔드'를 위해 만들어진 언어이다. 기존에 배운 HTML/CSS는 정적인 느낌이라면, JS는 무언가 나타나거나 클릭하면 새로운 정보가 짜잔 나타나는 동적인 느낌이다. 한 줄 코멘트(singl