본문 바로가기

전체 글

(235)
[DIL(daily i learned)] 2021.05.04 일지 [오늘 한 일이자, 글의 목차] 1.'코딩을 지탱하는 기술' 독서 - 이름과 스코프에 대한 개념 2.생활코딩 - 자바스크립트강의듣고 실습 3.'해커와 화가' 독서 - 해커가 말하는 부의 개념 4.깃 invalid유저네임 오류 해결 5.네트워크 공부- 어쩌다보니 패스트캠퍼스강의 리뷰 6.코딩테스트 공부 - [1이 될 때까지] 문제 품 7.스파르타코딩 웹개발 종합반 2주차 - ajax 8.크로스핏 1."코딩을 지탱하는 기술" 독서 : 오늘은 스코프 파트를 읽었다. 어떻게 스코프 개념이 탄생하게 되었는지, 스코프 개념 중에 전역-> 동적 -> 정적 스코프 순서로 발전 생성된 역사에는 무엇이 있는지를 배울 수 있었다. 모든 변수에는 이름을 붙인다. 이름을 붙이기 전에는 '번호'를 붙여서 변수를 선언했다. 이렇게..
[Javascript] parameter default 파라미터에 기본값 미리 설정하기(es6이후버전) 함수를 구현할 때, 파라미터값에 기본값을 설정해줄 수 있다. 2가지 방법이 있다. 첫번째는 ES6이전의 고전적인 방식이고, 두번째는 최신의 방식이다. 예제의 상황을 보겠다. const creatBooking = function (busNum, people, price) { const booking = { busNum, people, price, }; console.log(booking); }; creatingBooking('LH123'); //{flightNum:"LH123", people: undefined, price: undefined} 현재 3가지 파라미터를 가지는 함수를 만들었다. 그리고 3가지 파라미터 중 첫번째, 파라미터에만 값을 넣었다. 그랬더니 나머지 people과 price의 value..
네트워크의 정의와 형태 네트워크의 정의 : 네트워크란 컴퓨터나 테블릿, 스마트폰과 같은 것들이 연결되는 것을 네트워크라고 한다. 분산되어 있는 여러 컴퓨터 자원들을 공유할 수 있도록 통신망으로 연결하는 것이 네트워크이다. 일상생활속에서 사용하는 네트워크의 예에는 어떤 것들이 있을까? 스마트폰, 인터넷, 유튜브, 이메일 서비스. 이 모든 것들이 서로 다른 컴퓨터 자원들을 연결해서 사용하는 것들이라고 할 수 있다. 4차 산업혁명이 다가오면서, 이런 네트워크의 중요성은 더욱 대두되고 있다. 4차 산업 혁명의 시대에 가장 중요한 기술 7가지가 있는데, 이 모든 것들이 네트워크 기술 위에서 동작하기 때문이다. 아래의 목록들이 4차 산업 혁명 시대의 핵심 7가지 기술이다. 인공지능 빅데이터 지능형로봇 자율주행 3d프린팅 사물인터넷 클라우..
[css] position 개념 css의 position의 개념에는 기본적으로 3가지가 있다. static, relative, absolute이다. 추가적으로 fixed의 개념도 있다. 이 position의 개념을 이해하기 위해서는 각각의 display 상태가 무엇을 기준을 삼아서 움직이는 것인지 이해하는 것이 중요하다. 아래의 글을 읽을 때, 기준이라는 단어에 중점을 두고 읽어나가면 좋을 것 같다. static : 기본값이며, 이것이 활성화 되어 있을 경우에는 위칫값을 입력해줄 수 없다. relative : 원래 있었던 위치를 기준으로 위칫값을 입력할 수 있다. / 부모태그의 위치를 기준으로 위칫값을 입력할 수 있다. / relative는 무조건 부모를 참조한다. absolute : 엡솔루트는 부모로부터 자유로워 지는 position..
[프로그래머의 길, 멘토에게 묻다] 책리뷰 코딩 공부법 이 책은 우아한 형제에 근무중이신 '종립'님의 세미나 관련 글을 우연히 읽고서, 우연히 발견하게 된 책이다. 이제 막 프로그래머의 길을 가려는 나에게 적합한 책이 될 것 같다는 생각이 들어 이 책을 구매해 읽게 되었다. 책에 대한 개요: 이 책은 특정 언어에 대한 지식을 알려준다거나, 컴퓨터 공학에 대한 지식을 알려주는 책이 아니다. 그저 프로그래머의 길을 가는 사람들에게 단계별로 어떤 것을 고민하면 좋은지, 앞으로는 무엇을 고민해봐야할 지 머나먼 길에 가있는 선배가 들려주는 조언집이다. 따지고 보면 나는 이제 이 길을 가려고 신발을 신고 있는 단계이기 때문에, 당장에는 해당되지 않는 조언이 많았던 것은 사실이다. 그럼에도 불구하고 완전 초짜인 나에게도 유익한 내용들이 있었으니, 그것을 기록해두고자 한다..
[Javascript] map에 대하여 map은 자바스크립트가 가지고 있는 자료구조 중의 하나이다. map은 object와는 다르게, key의 타입을 다양하게 할 수 있다. object는 string만을 key의 타입으로 가진다. map을 이용하는 가장 쉬운 방법은 empty로 선언하는 것이다. const 맛집 = new Map(); 그러고나서 set을 이용해서 저장하는 방식을 선택하면 된다. - map.set() 맛집.set('name', '아비꼬'); 맛집.set(1, '노원점'); 맛집.set(2, '서초점')); console.log(맛집); //Map(3) {"name" => "아비꼬", 1 => "노원점", 2 => "서초점"} 한번에 여러개를 저장하는 것도 가능하다. 맛집 .set('메뉴판', ['카레라이스', '카레우동', '크..
[Javascript]4가지 데이터 저장방식(array,set,object,map) 의 사용기준 이 이야기를 하기전에 데이터는 주로 어디서부터 받아오게 되는것일까? 프로그램 자체에서 오는 데이터 : 우리가 소스코드로 작성한 곳에서 받게 되는 데이터이다. 유저에게서 오는 데이터 : 유저가 입력하는 데이터로부터 바다오게 된다. 외부 소스 : API와 같은 곳으로부터 데이터를 받아온다. 우리는 이렇게 받아온 데이터를 자바스크립트가 가진 4가지 데이터 구조를 가지고 저장한다. Array, Set, Object,Map이 있다. 그래서 우리는 데이터를 저장할 때마다, 어떤 방식을 선택할지 생각해야 한다. 이 4가지도 크게 1가지 기준으로 나눌 수 있는데, value를 설명하는 key가 필요하냐 필요하지 않느냐이다. key가 필요하지 않고 단순한 list만 필요하다면 array와 sets를 사용한다. value..
[javascript] 배열(array)안에 반복된 내용을 제거하고 싶을 때는 set이용하기 set안에 들어간 요소들은 unique하다. 반복된 내용이 없다. set은 배열과는 다르다. set은 array,object와 같은 iterable(반복가능한)이다. set의 사용법과 예시를 보자. 예)독서모임에 왔다. 각각의 사람들에게 직업을 물어보니 아래 배열과 같이 직업들을 가지고 있다. 모인 사람들의 직업의 종류를 정리해서 확인해보려면 set을 이용하면된다. - new Set() const 모인사람들의직업 = ['디자이너', '개발자','마케터','개발자','디자이너','헤어디자이너']; const 직업의종류 = new Set(모인사람들의직업); console.log(직업의종류); //Set(4) {"디자이너", "개발자", "마케터", "헤어디자이너"} 직업의 수도 확인가능하다. - set.si..