본문 바로가기
반응형

분류 전체보기126

filter() 함수 배열에서 원하는 값만 추출하려면 아래와 같이 할 수 있습니다. var numbers = [1,2,3,4,5]; var arr = []; for(var i = 0; i < numbers.length; i++){ if(numbers[i] % 2 === 0) arr.push(numbers[i]); } console.log(arr); // 2,4 filter() 함수를 사용하면 훨씬 더 깔끔하게 코드를 작성할 수 있습니다. var numbers = [1,2,3,4,5]; var arr = numbers.filter(function(n){ return n % 2 === 0; }); console.log(arr); // 2,4 2019. 11. 1.
HTTP 상태 코드 200번대 - 성공 200번대 코드는 성공을 뜻합니다. 200: GET 요청에 대한 성공 204: No Content. 성공했으나 본문에 데이터 없음 205: Rest Content. 성공했으나 클라이언트 화면을 새로고침하도록 권함 206: Partial Content. 성공했으나 일부 범위의 데이터만 반환 300번대 - 리다이렉션 300번대 코드는 클라이언트가 이전 주소로 데이터를 요청하여 서버에서 새 URL로 리다이렉트를 유도하는 뜻입니다. 301: Moved Permanently, 요청한 자원이 새 URL에 존재 303: See Other, 요청한 자원이 임시 주소에 존재 304: Not Modified, 요청한 자원이 변경되지 않았으므로 클라이언트에서 캐싱된 자원을 사용하도록 권함 400번대 - .. 2019. 10. 31.
같은 컴포넌트 레벨의 통신방법 var appHeader = { template: 'Header', props: ['propsdata'] // 4. props로 상위 컴포넌트에서 num의 값을 받아온다. } var appContent = { template: 'Contentpass', methods: { passNum: function() { this.$emit('pass', 10); // 1. pass라는 이벤트에 10을 인자로 넘김 } } } new Vue({ el: '#app', components: { 'app-header': appHeader, 'app-content': appContent }, data: { num: 0 }, methods: { deliverNum: function(val) { this.num = val; }.. 2019. 10. 30.
map() 함수 var numbers = [1,2,3,4,5]; for( var i = 0; i < numbers.length; i++ ){ numbers[i]++; } console.log(numbers); // 2,3,4,5,6 위 코드는 숫자들을 1씩 증가시켜 주는 로직입니다. 이 코드를 함수형 프로그래밍을 적용해서 다시 구현해보겠습니다. 자바스크립트 배열에 기본으로 제공되는 map()함수를 사용합니다. var numbers = [1,2,3,4,5]; numbers = numbers.map(function(n){ return n + 1; }) console.log(numbers); // 2,3,4,5,6 map() 함수는 인자로 함수를 입력받아 배열 안에 있는 요소에 그 함수를 적용시키고, 그 결과를 새로운 배열에.. 2019. 10. 28.
화살표 함수 // ES5의 함수 표현식 var es = function(){ console.log('hello'); } es(); // 'hello' // ES6의 화살표 함수 표현식 let es = () => { console.log('hello'); } es(); // 'hello' 함수내의 처리문이 하나면 중괄호를 생략할 수 있습니다. let es = () => console.log('hello'); es(); // 'hello' 매개변수를 전달받아 리턴하는 과정도 간단해집니다. // ES5의 매개변수 전달, 리턴 var add = function(a,b){ return a + b; } console.log( add(1,4) ); // 5 // ES6의 매개변수 전달, 리턴 let add = (a,b) => {.. 2019. 10. 24.
Sass 반복문 @while $i: 1; $gutter: 20px; @while $i 2019. 10. 23.
반응형