본문 바로가기
728x90
반응형

전체 글194

개발일지 작성 양식 보호되어 있는 글 입니다. 2022. 2. 9.
계획 Crash Course의 Compter science를 보면서 블로그에 정리할 계획 유튜브 주소 : https://youtube.com/playlist?list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo 2022. 2. 8.
OSI 모델 ( OSI 7 계층 ) OSI; Open Systems Interconnection로 개방형 시스템을 어떻게 연결할지 국제표준화기구(ISO)에서 개발한 모델로, 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것이다. 흔히들 각 계층(Layer)을 L로 줄여서 간편하게 부른다. ex) L1 cashe, L2 cashe, L2 Switch, L3 cashe,... L1 : 물리 계층 ( Physical layer ) ex) 무선 RF소자, 유선 케이블 접점 - 노드(호스트)를 전송매체와 연결하기 위한 인터페이스 규칙과 전송매체의 특성을 다룬다. - 실제 장치들을 연결하기 위해 필요한 전기적, 물리적 세부 사항들을 정의한다. ex) 동축케이블 규격, 신호의 전압, 핀들의 배치, 전선의 명세 등 - 허브(리피터)가 .. 2022. 1. 25.
웹 & 보안 관련 용어 간략 Protocol - 통신 규약 ISO ( International Organization for Standardization ) - 국제 표준화 기구 - 컴퓨터 관련 표준 목록 : https://namu.wiki/w/ISO#s-7.4 IETF ( Internet Engineering Task Force ) - 국제 인터넷 기술 위원회 OSI모형 ( Open Systems Interconnection Reference Model ) - ISO에서 만든 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것 - 일반적으로 OSI 7 계층이라 불리기도 한다. Internet Protocol Suite - IETF에서 독자적 만든 인터넷을 위한 통신 프로토콜 디자인 ISP ( Internet Ser.. 2022. 1. 24.
JavaScript break/continue와 레이블 여러 개의 중첩 반복문을 한 번에 빠져나와야 하는 경우 쓰인다. 레이블(label)은 반복문 앞에 콜론과 함께 쓰이는 식별자로 labelName: for(...) { for(......) { ... break labelName; } } 또는 labelName: for(...) { for(...) { ... break labelName; } } break대신 continue지시자를 레이블과 함계 사용하는 것도 가능하다. continue labelName을 사용하면 레이블이 붙은 반복문의 다음 이터레이션이 실핸된다. *주의* 레이블은 마음대로 '점프'할 수 있게 해주지 않는다. 레이블은 반드시 break이나 continue 지시자 위에 있어야하고, break와 continue는 반복문 안에서만 사용할 수 있.. 2022. 1. 20.
JavaScript nullish병합연산자 '??' null도 아니고 undefined도 아닌 값을 찾을 수 있다. let result = value1 ?? value2 ?? value3 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가한다. 값이 null도 아니고 undefined도 아니면 그 값을 반환한다. 피연산자를 모두 평가했을 때 모든 피연산자가 null또는 undefined로 평가되는 경우 마지막 피연산자 값를 반환한다. '??'와 '||'의 차이 let age = 0; alert( age || 19 ); // 19 alert( age ?? 19); // 0 '||'은 0을 falsy한 값으로 취급하기 때문에 null이나 undefined를 할당 한 것과 동일하게 처리한다. 반면에 '??'의 평가 결과는 정확하게 null이나 u.. 2022. 1. 19.
JavaScript 논리연산자 OR연산자 || 첫 번째 truthy를 찾아준다. 모든 피연산자가 falsy이면 마지막 피연산자를 반환한다. let result = value1 || value2 || value3; 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가한다. 각 피연산자를 불린형으로 변환하고 그 값이 true이면 연산을 멈추고 해당 피연산자의 변환 전 원래 값을 반환한다. 피연산자를 모두 평가했을 때 모든 피연산자가 false로 평가되는 경우 마지막 피연산자의 변환 전 원래 값를 반환한다. ex) alert( nickName || name || "익명" ) // 모든 변수가 falsy이면 "익명"이 출력된다. ref) alert( alert(1) || 2 || alert(3) ) // alert메서드는 값을 .. 2022. 1. 19.
JavaScript 동등연산자'=='와 일치연산자'===' 동등연산자 '==' 자료형이 다른 피연산자들을 계산할 때 숫자형으로 변환하여 계산한다. 숫자 0과 문자열 "0"을 불린형으로 바꾸면 숫자 0은 false, 문자열 "0"은 true이지만 두 피연산자를 동등연사자로 직접 비교하면 true로 서로 동등하다고 인식합니다. let a = 0; let b = "0"; alert( Boolean(a) ); // false alert( Boolean(b) ); // true alert( a==b ); // true *주의* 예외적으로 null과 undefined를 비교할 경우 null과 undefined는 각각 숫자형으로 변환할 때 0과 NaN으로 다르게 변환되지만 동등연산자'=='는 둘을 같다고 판단한다. 다른 비교 연산자에서는 제대로 숫자형으로 변환되어 계산된다... 2022. 1. 19.
JavaScript '+'연산자 이항 연산자 '+' '+'는 대개 숫자를 더한 결과를 반환한다. 하지만 피연산자로 문자열이 전달되면 '+'는 덧셈이 아닌 문자열을 병합(연결)한다. ex) alert( 1 + 1 ) // 2 alert( '1' + 2 ) // 12 2022. 1. 17.
JavaScript 형 변환 숫자형으로 변환 전달받은 값 형 변환 후 undefined NaN null 0 true 1 false 0 string 문자열의 처음과 끝 공백을 제거하고 남아있는 문자열이 없다면 0, 그렇지 않다면 문자열에서 숫자를 읽어서 반환한다. 변환에 실패하면 NaN ex) alert( Number(' ')) // 0 alert( Number(' 123 ') // 123 alert( Number('123abc') // NaN ('abc'를 숫자로 변환하는데 실패함) 불린형으로 변환 숫자 0, 빈 문자열( '', "" ), null, undefined, NaN과 같이 비어있다고 느껴지는 값 -> false 그 외의 값 -> true *주의* 문자열 0( '0' )과 공백 ( ' ' )은 true입니다. 2022. 1. 17.
JavaScript 간단하게 브라우저와의 상호작용하기 : alert, prompt, confirm 아래의 함수들을 실행할 경우 메시지가 있는 작은 창을 띄워주는데, 이를 모달 창(modal window)이라고 부른다. '모달'이란 단어엔 페이지의 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어 있다. 따라서 사용자는 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없다. 이는 모달 창이 떠있는 동안은 스크립트의 실행이 일시 중단되기 때문이므로, 사용자가 창을 닫기 전까진 나머지 페이지와 상호 작용이 불가능해진다. 또한 모달 창의 설정은 브라우저가 정하는 것으로 개발자가 모달 창의 위치와 모양을 수정할 수 없다. alert - 메시지를 보여준다. - 확인 버튼만을 제공합니다. ex) alert('Hello'); promt - 텍스트를 입력받을 수 있는 모달 창을 보여준다. - 확인과 취.. 2022. 1. 13.
JavaScript 'null'과 'undefined' 변수의 값이 없음을 나타낼 때 JavaScript에서는 null과 undefined를 사용할 수 있다. 하지만 undefined는 '값이 할당되지 않은 상태'를 나타내는 예약어이기 때문에 null을 사용하는 것이 좋다. typeof 연산자를 사용할 때 undefined의 경우 undefined를 반환하지만 null의 경우 object를 반환한다. (이는 명백한 오류이지만 하위 호환성을 유지하기 위해 오류를 수정하지않고 남겨둔 상황이라고 한다.) 2022. 1. 13.
728x90
반응형

티스토리툴바