프론트엔드 7

Date 객체

노마드 코더 js크롬 앱 만들기 하면서 알게 된 것 정리 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. developer.mozilla.org 날짜와 시간을 다룰 때 사용한다 date 변수를 만들고 그 안에 new Date(); 를 사용해 담아준다. 그리고 date를 찍어보면 날짜와 시간이 표시된다 위 이미지를 보면 date를 찍었을 때 나오는 시간의 초와 맥에 표시되는 시간이 다르다는 걸 알 수 있다. (초가 다름) date 변수에 담은 시간은 그 시점의 시간인 18:36:17 로 고정(?)된다. 시간을 시계처럼 자동으..

181121 - TIL

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.21 강의자: 김민태님 map, filter - 배열을 순회하면서 함수에서 리턴한 값을 배열로 만들어서 리턴한다 ## map a라는 형태의 데이터를 b라는 형태의 데이터로 바꿀 때 많이 사용한다 ## filter 필터링. 리턴하는 배열은 바뀌지 않는다. 안의 함수가 true, false를 확인해서 true를 반환한 값만 모아서 배열로 리턴. let idol = [ { age: 10, type: '남성', name: '방탄소년단' }, { age: 5, type: '남성', name: '샤이니' }, { age: 14, type: '남성', name: '동방신기' }, { age: 2, type: '여성', name: '2NE1' } ]..

181119 - TIL

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.19 강의자 : 김민태님 ## 함수 가변인수, 함수 인수의 개수가 가변적인 것. 함수는 함수의 만들어진 목적대로 활용이 되려면 값의 종류와 인수의 개수를 검사해야한다. 인수의 검증. 가장 기본적인 방법은 if문을 사용해서 인수를 확인하는 방법. 함수의 사양보다 많이 전달된 인수는 함수 호출과 함께 유사배열(arguments)에 담겨서 전달된다. 이 arguments는 언제나 전달된 모든 인수가 왼쪽부터 오른쪽 순서대로 담겨진다. 함수 호출될때마다 전역으로 만들어진다. 배열처럼 사용이 가능한 것. 배열의 기본적인 형태만 사용가능하기 떄문에 유사배열이라고 한다. 순서대로 들어가있는 요소. 브라켓을 사용해 순서대로 값에 접근이 가능하다. l..

181114 - TIL

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.14 강의자: 김민태님 ### 라이프 사이클 자바스크립트의 자원들, 값, 변수, 함수 등은 생애주기를 가진다 ### 스코프 모든 값은 저장되며 저장되기 위해서는 저장소가 필요한데, 값이 저장되는 장소를 스코프라고 한다. 전역스코프 - 단하나만 존재, 글로벌스코프가 생겼다는건 소프트웨어의 시작을 의미한다. 코드의 관점에선 언제나 존재하는 것 함수스코프(지역스코프) - es2015까지는 지역스코프, 함수스코프 같은 의미 블럭스코프(es2015에서 추가됨) - 함수가 아닌 블럭에 의해서 만들어진 스코프, 블럭은 코드블럭. if문이나 반복문의 {} 사이안에서 존재하는 스코프 스코프는 중첩될 수 있다. 바깥 쪽에선 안쪽을 알 수 없다. 안 쪽에..

181112 - TIL

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.12 강의자: 김민태님 객체는 순서가 없는 값의 집합 객체를 만드는 가장 기본적인 방법 - 객체 리터럴 let box = {};//객체 리터럴 Function a(){//함수사용 객체생성, 인자로 값을 받아 객체에서 변수로 사용. let box = {} Return box; } 결과는 객체리터럴 방법과 함수사용법과 동일하다 Let a = {}; Let b = {}; 위 객체는 내용적으론 둘다 값이 없다로 같지만, 자바스크립트의 객체는 내용적으론 같아도 물리적으로는 다르다! 각 객체는 유일하다. New 연산자 사용 함수형객체 생성방식을 조금 더 쉽게 사용할 수 있도록. 객체리터럴방식과 함수사용 방식을 이해해야 new연산자 사용방식을 이해..

181108 - TIL

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.07 강의자: 김민태님 api - Application Programming Interface, 앱을 프로그램으로 만들기 위해 필요한 창구. 앱과 - 스크린, 마우스, 키보드, 네트워크 등(컴퓨터의 자원들)와 소통할 수 있도록. 앱과 컴퓨터의 자원이 코드로 소통할 수 있도록 하는 것. sdk - software development kit, api의 묶음. ui - userinterface 사용자가 화면에서 보는 여러가지 요소들, 사용자와 프로그램이 소통하기 위한 창구. ##이벤트 시스템 버튼이 있다. 이 버튼을 누르는 것. 이벤트가 발생한다. 그리고 이러한 이벤트가 한곳에 기록되어있다. 기록지를 보고 버튼클릭이라는 것이 있으면 함수를..

요즘 듣고 있는 강의

인프런을 열심히 듣다가 벨로퍼트님의 리액트 초급 강의를 끝으로 잠깐 쉬었다.바쁨에 극심한 더위로 인해 퇴근하고 집에 오면 아무것도 할 수 없었다(에어컨만 있고 설치를 안해서 올 여름을 선풍기로 버텼다ㅠㅠ) 극심한 무더위에 무기력증까지 더해져 인강을 한동안 듣지 않다가 날씨가 선선해지면서 다시 인강을 듣기 시작했다 현재 듣고 있는 강의는 두개!내가 듣고싶은 코드스쿼드의 강의가 있길래 냉큼 듣고 있다 #### 정호영님의 깃과 깃헙강의 회사에서 소스트리를 사용하고 있는데 정말 커밋, 풀, 푸시, 머지, 브랜치 생성 다 할 수 있지만정확히 모른 상태에서 '일을 위해' 배운 거라 정확한 깃 사용법을 익히기 위해 듣고 있다소스트리같은 gui툴이 아닌 cli 방식으로도 사용해 보고싶지만 우선 소스트리로 익숙해 진다음..

주절거림 2018.09.06