뭘 배웠지?

참고: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter filter()는 주어진 함수에 모든 엘리먼트를 테스트해서 통과한 값으로 새 배열을 만든다 위의 링크 MDN의 예를 조금 바꿔서 알아봅시다. const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; 배열 words를 만들고 다시한번 filter()는 함수를 통과한 값으로 배열을 새로 만듭니다. const result = words.filter(word => word !== "limit"); 화살표 함수를 바꿔써보면 이렇게 됩니다. const r..

MDN을 참고 했습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice splice()는 배열의 값을 지우거나, 바꾸꺼나 새로 추가할 수 있습니다. slice()와 달리 splice()는 원본 배열의 바꾼다. splice() 사용방법 months 라는 배열이 있습니다. const months = ['Jan', 'March', 'April', 'June']; splice()에 1개면 입력할 때 months.splice(2); 이렇게 1개면 입력하면 months[2] 즉 배열 months의 세번째 인덱스부터 뒤의 값을 싹 지웁니다. (배열의 인덱스는 0부터 시작) console.log(m..

Full stack devloper 연봉과 수요가 높다는 풀스택 개발자란? 개발에대한 모든걸 알아야 될까? 'No'라고 한다 자바스크립트 책을 쓰고 코딩 커뮤니티나 학교에 무료로 나눠주는 외국 자바스크립트 선생님은 풀 스택의 의미는 모든 것을 말하는게 아니라 스택만 알면 된다고 한다. 이 스택은 MERN MERN (MongoDB, ExpressJS, ReactJS, NodeJS) 을 알면 풀 스택이라고 한다. I still get asked what is Full Stack developer? Do you need to know everything? Full...means everything right? No...you just need to know a stack. And it should probab..

MDN에 나온 정의에 reduce는 이렇게 나와있다. reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. MDN reduce 페이지 참조 위의 페이지에서 설명을 보고, 예제를 실행해도 감이 오지 않는다. 밑의 예제를 보고가기전 여기 reduce에 대한 기본을 우선 알자 reduce는 배열이 들어가서 하나의 값이 나온다. reduce는 함수와 초기값를 넣을 수 있다. 함수는 4개의 매개변수(parameter)를 갖는다 (여기선 간단하게 2개로 예를들었습니다.) 첫 번째 매개변수는 '초기값' 혹은 '누적값'이라고 부르자 두 번째 매개변수는 '현재값'이라고 부르자 첫 번째 매개변수에 '초기값'이 정해지지 않으면 배열의 첫 번째 값을 갖는..

재귀 (Recursion) 함수 함수 안에서 자신이 자신을 부르는 짓을 한다. for loop 로 표현된 배열의 앞의 n 번째까지 곱하기 function multiply(arr, n) { var product = 1; for (var i = 0; i < n; i++) { product *= arr[i]; } return product; } Recursion 함수로 만든 n 번째까지 곱하기 function multiply(arr, n) { if (n

자바스크립트 오브젝트 오브젝트(Objects)는 배열(Arrays)과 비슷하다. 배열은 인덱스(indexes)로 데이터(data)에 접속하고 수정하지만, 오브젝트는 프로퍼티(properties)를 이용한다. 오브젝트는 구조화된 데이터를 저장하는데 유용하다. .i.e. 구조화된 고양이 데이터 var cat = { "name" : "Whiskers", "legs" : 4, "tails" : 1, "enemies" : ["Water", "Dogs"] }; 전 프로퍼티가 다 스트링(string) 이다. 밑에 처럼 숫자가 프로퍼티가 될 수도 있고, 한단어로 사용하면 따옴표를 안써도 된다. var anotherObject = { make: "Ford", 5: "five", "model": "focus" }; 오브젝..

HTML CSS 으로 반응형 웹 디자인하는 코스 10일 걸렸다 https://www.freecodecamp.org/pirate 불러오는 중입니다...

CSS Grid 는 복잡한 웹사이트를 만들도록 도와준다. HTML 엘리먼트들을 행(rows), 열(columns)이 있는 grid container로 바꿔준다. dispaly: gird; 열(columns) 추가하기 grid-template-columns: 100px 100px 100px; 한 행에 폭(width)이 100px 열 세 개를 만들겠다는 의미 간단하게 grid-template-columns: repeat(3, 100px); 행(rows) 추가하기 뒤만 다르고 열과 같다 grid-template-row: 50px 40px; 위에서 부터 50px, 40px 높이로 만든다. 크기 폭, 높이를 정할 때 px, em 을 써도 되고 밑에것 써도 된다. fr : 남는 공간을 비율로 정해서 ie. 1fr,..

전체 목차를 확인하려면 여기를 눌러주세요. Stop Words 와 SSL 의 유무의 차이에 대해 매우 간단하게 찾아봤습니다. 우선 Stop Words 는 검색시 삭제되는 단어들 이라고 합니다.'and' 'a' 'of' 'the' 등 수많은 단어가 있디고 합니다.이런 단어들을 피해서 쓰라고 하지만 한글로 어떤 단어들이 있는지 모르겠네요. Stop words 들의 모습은 보통 중간에 이어주는 말들이나 빠져도 되는 단어들이 모여있는 것 같네요.그래서 내린 결론은 접속어를 줄이고 명확히 제목에 표현을 하자는 겁니다. SSL 의 유/무2014년에 구글에서 발표하기를 HTTPS / SSL 사이트에게 검색 순위에 혜택을 주겠다고 합니다.

전체 목차를 확인하려면 여기를 눌러주세요. www 의 유/ 무 입니다.사이트의 앞에 www 를 붙일지 말지 이건 본인이 결정할 문제입니다.hermart.kr 와 www.hermart.kr 중 선택해서 보여주는 거죠. www 를 사용하던 안하던 , 다음부터 홍보할 땐 통일해서 보여주는 것이 좋겠죠. Settings -> General 에서 확인 및 수정 가능합니다. 정리 : 사이트 앞에 www 의 사용유무 정하기