본문 바로가기

Dev.

 (341)
[ES6] 5. Collection - Map, Set Chapter 5. Collection - Map, SetMap Maps는 key-value 쌍으로 이루어진 자료구조이다. key들은 중복될 수 없으며, 하나의 키에 하나의 value만 올 수 있다. maps를 이용하여 객체를 사용할 때, 객체의 key들은 항상 string 으로 변환된다. code> 12345678910111213141516//user1, user2라는 다른 두 객체를 생성하자.let user1 = { name : “Sam” };let user2 = { name : “Tyler” }; //그리고 totalReplies라는 객체에 두 객체를 key 값으로 value값을 추가하자.let totalReplies = { };totalReplies[user1] = 5;totalReplies[us..
[ES6] 4. Array, Symbol Chapter 4. Collection - Array, Map and Symbol Array배열의 여러 요소에 접근하기 위해 destructuring을 사용할 수 있다.ES5>>1234567let users = [“Sam”, “Tyler”, “Brook”]; let a = users[0];let b = users[1];let c = users[2]; console.log(a,b,c); // Sam Tyler Brookcs ES6>>12345678910let users = [“Sam”, “Tyler”, “Brook”]; let [a, b, c] = users;console.log(a,b,c); // Sam Tyler Brook let [a, ,b] = users;console.log(a, b); // Sa..
[ES6] 3. Object shorthand, destructuring, assign Chapter 3. Object ShorthandES6에서는 객체를 반환하는데 있어서 불필요한 반복을 없앴다. key, value 형식으로 object의 프로퍼티를 추가했다면, shorthand 방식으로도 가능해졌다. 함수에서 반환하는 형식에서 뿐만 아니라 객체 그 자체를 정의하는데에도 사용할 수 있다. 물론, 객체의 프로퍼티 명과 지역변수의 명이 같아야 한다. ES5>> 123456789function buildUser(first, last){ let fullName = first + “ “ + last; return { first : first, last : last, fullName : fullName };}let user = bulidUser(“Sam”, “Williams”); console.lo..
[ES6] 0. Intro Intro기존에 우리가 적응되어 있는 자바스크립트 문법은 ECMA Script 3.1로 발표되고, ECMAScript 5라고 부르고 있는 것에 기반하고 있다. 그리고 나서 수년간에 걸쳐 수많은 문제점을 해결한 새로운 문법이 발표되었다. 기존의 문법에 기반하면서 여러 가지가 추가된 것이다. 너무 여러 가지가 추가되다 보니 새로운 언어같은 느낌이 들 정도이다. ES6, ECMA6, ECMA 2015 여러 가지로 불리고 있으며 공식 명칭은 ECMA Script 2015이다. 더이상 ECMAScript2015 문법으로 자바스크립트 코드를 작성하는 것은 선택이 아닌 필수가 되어가고 있다. 프론트 엔드에 위치하는 코드들이 거대해지고 복잡해지면서 여러 가지 부족한 요소가 드러나고 그에 대응한 문법들이 추가되었기 때문..
개발자가 보는 뉴미디어 시대 - 언론이 이제부터라도 개발에 돈을 투자해야 하는 이유 / (신)기술 스택에 대하여 종이 신문이 점점 사라진다. 뭐 이젠 아무렇지도 않다. 이미 많은 것들이 사라졌고, 지금 이 순간에도 무엇인가가 사라지고 있기 때문이다. Intro.종이 신문을 구독하는 계층은 기성세대에 불과하고, 앞으로 사회를 이끌어갈 20~30대는 더이상 종이를 통해 신문을 구독하지 않는다. 사실 인터넷 신문조차도 거의 보지 않는다. 이 글에서 정치에 관심이 없는 20~30대에 대한 원론적인 얘기는 잠시 접어두자. 그나마 정치에, 언론에 관심이 있는 20~30대를 대상으로 이야기를 진행해보자. 이들이 얼리어답터가 되어 나머지 사람들을 끌어모을지는 아무도 모르는 것이다! 언론이 20~30대에게 접근하기 위해서는 어떻게 해야할까타겟층을 정했으면 그 타겟층을 분석해봐야 한다. 하지만 이 부분도 정말 일반적인 상황에 대해 ..
네트워크 관리사 2급 실기 정리 - 네트워크 환경 설정 다음 포스팅은 하루살의 하루하루 블로그를 참고로 작성하였습니다. 네트워크 환경 설정 1. IP와 SubnetMask 설정 ex Q> 네트워크 환경을 아래와 같이 설정하시오. - IP Address : - Subnet Mask : - Default Gateway : - DNS Servers : - 추가 Gateway : - 보조 DNS Servers : => IP Address 10101100.00010000.10010110.01110011 위 주소를 십진수로 바꾸게 되면, 다음과 같다. 172.15.150.115 SubnetMask의 22bit의 의미는 1이 앞에서부터 22개로 이루어져 있다는 뜻이다. 11111111.11111111.11111100.00000000 8bit 씩 이렇게 이루어져 있다. 이..
네트워크 관리사 2급 실기 정리 - Routing Setting 다음 포스팅은 하루살의 하루하루 블로그를 참고로 작성하였습니다. Routing Setting Routing Setting - 확인문제 1. 인터페이스 정보를 확인하고 저장하라 Router > enable Router # show interface Router # copy r s 2. 접속한 사용자를 확인하고 저장하라 Router > enRouter # show user Router # copy r s 3. 라우팅 테이블을 확인하라 Router > enRouter # show ip route Router # copy r s 4. 플래쉬를 확인하라 Router > enRouter # show flash Router # copy r s 5. 프로세스 정보를 확인하라 Router > enRouter # show..
[개발상식] 22. 모바일 앱(네이티브 앱), 모바일 웹, 웹 앱, 하이브리드 웹 앱, 그리고 프로그레시브 웹 앱 모바일 웹 모바일 환경이 대두되면서 pc용 사이트들을 모바일 환경에 맞춰서 변경한 것이다. m. 으로 시작하는 웹 사이트들이 그 예가 된다. 풀 브라우징 방식으로 페이지를 이동하여 앱의 실행 속도가 느리다. 모바일 환경에 대응하기 위해 각종 방법들이 나타나고 있는데, 대표적인 것이 적응형 웹과 반응형 웹이다. 둘은 같은 목적을 갖고 다른 철학을 지닌다. 애초에 반응형 웹은 데스크탑 환경과 모바일 웹 환경을 완충하기 위해 등장한 것은 아니지만 그렇게 사용되고 있다. 모바일 웹은 모바일 환경에 최적화되어야 한다. 성능 면에서 그 점이 가장 중요하다. 웹 앱 웹을 기반으로 작동하기 때문에, 모바일 웹하고는 근본적인 차이는 없지만 겉모습과 구동 방식을 마치 앱인것처럼 착각하도록 꾸며놓은 것이다. 각종 버튼들을 ..

티스토리툴바