Tech 99

[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

[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

[Javascript] Javascript 기본 정리

Javascript 는 동적인 언어이다. 이벤트(event) : 웹 브라우저 위에서 발생되는 모든 일들을 뜻한다. 어떤 이벤트가 일어났을 때, 자바스크립트 코드가 실행되는 것도 포함된다. ex ) onlick, onkeydown 자바스크립트에서 주로 쓰이는 데이터 타입은 문자열, 숫자가 있다. 자바스크립트에서 변수(variable)은 var로 표현한다. 리팩토링 : 자바스크립트에서 중복을 제거하는 등의 행위를 리팩토링이라고 부르는데, 비효율적인 코드를 효율적으로 만들어서 가독성을 높이고, 유지보수 하기에 편하게 만드는 것을 말한다.

Tech/Javascript 2020.12.21