semantic web이란?기계가 읽고 처리할 수 있는 웹을 개발하기 위해 탄생한 의미론적인 웹.구성요소1.RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크2.XML(eXtensible Markup Lan
html요소를 원하는 위치에 배치하기 위해 사용하는 css의 속성이다.position속성에는 relative, absolute, fixed가 있다.position: relative;로 설정하면 요소를 원래 위치에서 벗어나서 원래의 위치를 기준으로 상대적(relative
display속성은 웹페이지 상에서 요소들이 다른 요소들과 어떻게 배치될지 결정하는 속성이다.display속성에는 inline, block, inline-block이 있다.display: inline;은 줄바꿈 없이 다른 inline인 엘리먼트들과 나란히 같은 줄에 배
class객체의 구조는 constructor와 내가 지정한 여러 메소드들로 이뤄져있다.위의 예시에서 MyMath라는 class에 새로운 요소를 추가하려면 이렇게 코드를 작성한다. 그럼 10과 20이 number1, number2에 this메소드를 통해 할당되고 콘솔로그
parseInt는 문자열을 정수로 반환하는 함수이다. 위의 예시 코드를 보면 우선 parseInt함수 안에 들어온 인자가 문자열일 경우 정수로 반환한다. 따라서 "20"은 20으로 반환된다. 마이너스가 붙어있을 경우 마이너스 그대로 반환된다.소수점이 있는 경우는 소수점
Switch문은 if..else문 대신 작성할수 있다.if else문이 길경우 대신 switch문을 사용하면 가독성을 높일 수 있다.Switch문의 작성법switch문의 조건과 value를 비교해서 맞으면 해당 statement를 실행시키고 break를 만나 switc
배열이란, 안에 요소(element, 데이터)들이 배열을 이루고 있는 자료형배열이 위 처럼 몇개 안되는 경우에는 index(배열에서의 위치를 가리키는 숫자)값도 금방 파악 할 수 있고, 요소를 꺼내보기 쉽다.하지만 배열의 요소가 위처럼 조금만 늘어나도 코드를 작성하
JWT란 JSON 객체를 이용해서 토큰 자체에 정보들을 저장하고 있는 Web Token이다.JWT는 Header, Payload, Signature 3가지로 구성되어 있다.Header는 Signature를 해싱(암호화)하기 위한 알고리즘 정보들이 담겨있고, Payloa
node.js실습중 쿠키에 대해 공부해 보았다.쿠키는 우리가 웹브라우저를 이용할 때 우리가 접속한 웹브라우저에 우리에 대한 정보가 쿠키로 들어가 저장되는 것이다.따라서 우리가 웹브라우저 접속을 끊었다가 다시 접속하면 좀전에 전송된 우리의 쿠키정보가 응답된다.먼저 쿠키를
먼저 in 연산자는 객체안에 특정 프로퍼티가 존재하는지 여부를 확인하는 연산자 이다. 특정 프로퍼티가 존재한다면 true를 반환하고 존재하지 않으면 false를 반환한다.이렇게 간단하게 in연산자를 이용하면 객체안에 어떤키가 존재하는지 여부를 판단할 수 있다.for i
자바스크립트는 원래 동기적으로 작용하는, 그러니까 위에서 아래로 순차적으로 실행되는 언어인데, 이벤트를 실행함에 따라 비동기적으로 작용하는 함수를 쓰게 된다.동기함수 예시위의 코드는 fakeSetTimeout이라는 callback을 인자로 받는 동기 함수이다.이를 실행
이전 포스팅에 비동기와 동기를 포스팅했는데, 이어서 비동기를 동기 적으로 실행 시킬수 있는 방법에 대해 포스팅 해보려 한다.다음과 같은 비동기 함수가 있다.이 비동기 함수는 work라는 콜백함수를 3번 호출해서 각 1초가 걸리게 의도해서 총 3초동안 실행되게 하려 했으
async await는 앞에서 살펴본 promise를 좀더 가독성 좋게 만든 함수이다.async await는 promise를 보완해서 만든 함수라서 반환값으로 promise와 똑같이 resolve, reject가 실행된 값으로 받게 된다.위 코드를 살펴보면, workP
mysql DataBase를 이용해서 프론트와 통신할 때 프론트에서 원하는 정보를 요청받고 그에 해당하는 정보를 DB에서 꺼내서 응답으로 보내주는 통신을 해보았다.먼저 database를 초기화 시켰다.그리고 프론트에서 http통신이 들어오면 DB에서 해당 정보를 꺼내오
mysql에는 여러가지 함수가 있는데, 그중 abs()는 괄호안에 들어가는 값의 절대값을 반환해 주는 함수 이다.위처럼 1과 -1을 넣었을 때 두 경우 똑같이 1을 반환해주는 것을 확인할 수 있다. 그리고 여기서 알수 있는 점은 특정 테이블에 있는 데이터를 조회하는 것
싱글톤 패턴은 하나의 클래스에 오직 하나의 인스턴스만을 가지는 패턴이다.보통 데이터베이스 연결 모듈에 많이 사용된다고 한다.싱글톤의 장점하나의 인스턴스를 만들어 놓고 해당 인스턴스를 다른 모듈들이 공유하며 사용하기 때문에 인스턴스를 생성할 때 드는 비용이 줄어드는 장점
while문은 주어진 조건식의 평가 결과가 참이면 무한으로 반복 실행한다.반복횟수가 불분명할때 주로 사용한다.while문의 조건식 결과가 불리언 값이 아니면 불리언 값으로 강제 변환하여 참, 거짓을 구별한다고 한다.count가 3이 될때까지 반복된다.만약 조건문이 항상
object.preventExtensions 메서드는 객체의 확장을 금지한다.추가 할때쓰는 object.defineProperty 메서드를 써도 추가가 되지 않는다.Object.seal 메서드는 객체를 밀봉한다. 이는 프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의
proxy는 프론트엔드 서버와 백엔드 서버 사이에서 여러 작업을 수행해 넘겨주는 역할을 한다.proxy는 두가지로 나뉜다.forward proxy의 예시로는 VPN을 들 수 있다. VPN은 사내 내부 서버에 접근할 때 보안상의 이유로 특정 IP로만 접속 가능하도록 하기