분류 전체보기 123

[Javascript] 객체, 배열의 반복문

1. 배열의 반복문 배열의 반복문에서 while의 경우, while(조건){반복 실행할 코드} 형식으로 사용된다. 출력 값을 grouping 해서 좀 더 보기 좋게 출력 값을 갖고 싶을 때, group이라는 것을 사용한다. 아래의 예시와 같이 group의 이름을 지어주고 시작점을 설정하고, 같은 이름의 끝점을 설정해주면 된다. 아래의 출력 값은 grouping 전후의 차이를 보여주고 있다. 여러 개를 분류해서 출력 값을 갖고 싶을 때, 이 기능을 활용하게 되면 보기 좋게 분류할 수 있다. 2. 객체의 반복문 객체에서 사용되는 for 문은 for in 문이라고 부르는데, 이 객체가 갖고 있는 원소의 값만큼 {}(중괄호) 안의 코드가 실행되는 문법을 가진다. for ( 변수 in 객체 ) {}의 형식으로 사..

카테고리 없음 2020.12.30

[Javascript] 객체의 기본

1. 배열과 객체의 입출력 출력 값 앞의 text는 어떤 값이 출력되는지를 터미널 상에서 확인하기 위해 사용하였다. 배열에서는 값에 접근할 때 [ ](대괄호) 를 사용한다. 객체에서는 값에 접근 할때 . (점)을 사용한다. 물론 객체에서도 마치 배열처럼 [ ](대괄호) 를 통해서도 값에 접근할 수 있다. 2. 객체의 수정과 삭제 1) 만약 데이터를 수정하고 싶다면? 아래와 같이 .을 통해 호출하고, 수정할 값을 넣어주면 위의 출력 값에서 알 수 있듯이, donghyun 에서 kdh로 바뀐 것을 볼 수 있다. 2) 만약 데이터를 삭제를 하고 싶다면? delete를 사용해주면 된다. 삭제 되었기 때문에, 정의 되지 않았다고 출력되는 것을 볼 수 있다.

Tech/Javascript 2020.12.30

[Javascript]Javascript Immutability -2

1. 중첩된 객체 (Nested Object) String은 위치와 값이 같이 저장되지만, Array는 각각 별도의 공간에 독립적으로 저장된다. 여기서 Object.assign을 통해 복제를 하게 되면, 그 객체의 property 만 복제가 되는 것이다. 그리고 property의 value 값이 객체인 경우에는 값을 복제하는 것이 아니라 위치(reference)를 복제하게 된다. 잘 복제가 되었다고 생각을 하게 되어 o2를 수정해도 이제 o1인 원본 데이터에 영향이 가지 않을 것이라고 생각을 해서, o2.score.push(3)의 명령을 내린다면? 아래와 같이 원본 데이터에 변화를 초래한다. 따라서, property의 값이 객체인 경우에 객체를 수정할 때 원본 데이터에 영향을 주지 않으려면 별도로 할당되..

Tech/Javascript 2020.12.27

[Javascript] Javascript immutability

immutability : 무질서한 수정과 삭제 속에서 데이터의 원본이 훼손되는 것을 막는 것 1. 변수 할당 방식 ① case에서, primitive data type은 선언된 p1과 p2가 같은 곳을 가리키기 때문에 p1과 p2의 비교 연산자 ==의 값은 True가 나오게 된다. ② case에서, object data type은 같은 객체라고 하더라도 별도로 생성을 해서 따로따로 보관하는 특성으로 인해 다른 공간으로 할당되기 때문에, o1과 o2의 비교 연산자 ==의 값는 false가 나오게 된다. ③ case에서, primitive data type은 처음에 p3는 p3 = p1에 의해 '1' 쪽에 할당되어 있다가, p3 = 2를 선언하면서 다른 곳을 할당시키게 된다. ④ case에서, object..

Tech/Javascript 2020.12.24

[python] 2진수, 8진수, 16진수 변환

python 은 기본적으로 10진수 이기 때문에 다른 진수의 경우에는 아래와 같이 접두어가 붙게 됩니다. 진수 표현 2진수 0b 8진수 0o 16진수 0x 10진 수에서 다른 진수로 변환 bin(), oct(), hex() 내장 함수의 사용 n = 10 # 2진수 b = bin(n) print(b) ## 출력 값 : 0b1010 # 8진수 o = oct(n) print(o) ## 출력 값 : 0o12 # 16진수 h = hex(n) print(h) ## 출력 값 : 0xa 출력 값은 모두 srt로 출력됩니다. 각각의 출력 값에 접두어가 붙어서 출력되는 것을 볼 수 있습니다. format() 내장 함수의 사용 n = 10 # 2진수 b = format(n, '#b') print(b) ## 출력 값 : 0b..

Tech/Python 2020.12.24

[Network] Domain Name System

1️⃣ Domain Name System : 인터넷에 연결된 컴퓨터 한 대 한대를 host라고 한다. 이 호스트가 서로 통신하기 위해서는 주소가 필요한데, 이를 ip 주소라고 한다. 하지만, 이 ip 주소를 일일이 기억하기는 쉽지 않다. 그래서 등장한 것이 domain name system인 DNS이다. 이 DNS의 핵심은 DNS Server이다. DNS Server 에는 수많은 IP 주소의 domain 이름이 저장되어 있다. 2️⃣ 도메인 이름의 구조 위의 4가지 도메인은 DNS 서버가 각각 담당하고 있다. 전담하는 파트가 다르다고 볼 수 있다. IP 주소를 알기 위해서, 위의 www.blog.dongle.com. 을 예시로 다음의 과정이 진행되는 것이다. 1. Root DNS server에서 Top-..

[CSS] CSS 선택자(selector)

CSS : html이 정보전달에 집중할 수 있게, 디자인을 담당하는 언어이다. 1. css 문법 : css 문법을 적용하는 방법에는 두 가지가 있다. 1) style 태그를 통해서 하는 방법 2) 선택자를 이용하는 방법 선택자는 tag 선택자, class 선택자, id 선택자 3가지가 존재한다. (1) tag selector : a, p, div 등 html 에 사용되는 태그에 css 효과를 적용할 수 있다. 위의 예시와 같이 {} 중괄호 안의 부분을 declaration(선언)이라고 부르고, 그 안에서 적용되는 속성들을 property, 그 속성들의 구체적인 값을 value 라고 부른다. 또한, 이러한 description을 구분해 주기 위해 ;(세미콜론) 이 구분자로서 사용된다. (2) class s..

Tech/CSS 2020.12.22

[Javascript] 객체

1. 객체를 사용하는 이유? 첫번째 이유는 정리정돈의 수단으로서의 사용이다. 다양한 함수들을 사용하게 되고, 변수들이 많아지면 복잡해진다. 이때 복잡도의 한계에 도달하게 된다. 이러한 한계 상황에서 서로 연관된 함수와, 서로 연관된 변수를 같은 이름으로 grouping 해서 잘 정리정돈 하기 위한 도구를 객체라고 한다. 폴더, 디렉토리라고 생각하면 된다. 객체에 속해있는 함수는 메소드 라고 부른다. 2. 객체 생성 3. 객체의 데이터 순회 names 가 method 에 박혀있기 때문에, 만약에 객체의 변수 이름이 바뀌는 경우, 데이터를 못가져오는 현상이 생길 수 있다. 이런 경우에는 showAll 이라고 하는 함수 안에서, 이 함수가 소속되어 있는 객체를 가리키는는 약속된 기호를 사용한다. 바로 this..

Tech/Javascript 2020.12.22

[Javascript] 함수

1. Functin Basic 위와 같이 같은 내용을 출력하고 싶을 때, 기존의 우리는 1 -1과 1-2 를 두번 입력해서 코드를 짜게 된다. 하지만 1-1 과 1-2가 수천만개가 있다면? 얘기가 달라진다. 이러한 불편함을 줄여주기 위해서 등장한 기능이 함수이다. 1-1과 1-2를 출력해주는 함수를 정의하고 그 함수를 호출해서 사용하면 중복을 줄여줄 수 있다. 함수의 호출은 위의 코드와 같이 함수의 이름(); 로 호출하게 된다. 2. function parameter & argument 함수에서 입력을 받기 위해 선언하는 변수를 매개 변수(parameter) 라고 하고, 그 매개 변수에 넣는 값을 인자(argument) 라고 한다. 3. Function return 함수에서 입력 받은 값을 출력하는 것을..

Tech/Javascript 2020.12.22