본문 바로가기
반응형

분류 전체보기127

VS Code 플러그인 제가 쓰는 VS Code 플러그인 중에 자주쓰고 유용한 플러그인들을 올려봤습니다. 1. Night Owl 코딩테마인데 개인적으로 색이 이뻐서 쓰고 있습니다. one dark pro도 괜찮습니다. 2. htmltagwrap alt + w 를 누르면 감싼 텍스트에 태그를 추가할 수 있습니다. 굉장히 편리합니다. 3. Live Server 로컬서버를 열고 실시간으로 변경을 감지해서 리로드 해줍니다. 4. Material Icon Theme VS Code 좌측에 뜨는 아이콘 테마입니다. 한눈에 알아보기 편리하고 이쁩니다. 5. Highlight Matching Tag 선택한 태그의 여는태그와 닫히는 태그부분이 하이라이트 표시되어 나타납니다. 2019. 11. 4.
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.
반응형