전체 글53 [JavaScript] this 자바스크립트의 this는 함수를 호출하는 방법에 의해 결정됩니다. this가 사용되는 함수를 어떤 방식으로 실행하느냐에 따라 this의 역할이 구분된다는 것입니다. 글로만 읽어서는 어떠한 의미인지 이해하기 어려우니 4자지 방식을 예를 들어 설명하겠습니다. 1. 일반 함수에서 this 먼저, 일반 함수에서 this는 전역개체(window)를 말합니다. console.log(this); // window 2. 객체 메서드에서 this 객체 메서드로 호출되는 경우에 this는 해당 객체를 가리키게 됩니다. var test = { mtd : function() { console.log(this); } } test.mtd(); // test 여기서 중요한 것은 객체의 메서드로 호출되는 경우라는 것을 기억해야 합니.. 2021. 9. 3. [JavaScript] 변수 (var, let, const) 변수는 대부분의 프로그래밍 언어를 배울 때 가장 처음 배우는 개념입니다. 변수를 모른다면 프로그램을 작성한다거나 간단한 사칙연산, 복잡한 식의 계산을 처리하기 어려울 것입니다. 그렇다면 변수가 어떠한 것인지 알아보겠습니다! : ) 1. 변수 아래는 자바스크립트에서 변수 v을 선언한 모습입니다. var v; 변수는 어떠한 곳에 사용되는 것일까요? 변수는 데이터를 저장하기 위한 공간 입니다. 간단하게 비유하자면, 변수는 어떠한 값을 저장하는 그릇과 같다고 볼 수 있습니다. 위의 변수에는 지금 아무런 값도 할당되어 있지 않아 undefined라는 초기 값을 가지고 있습니다. 변수 값 할당 변수는 값을 저장할 수 있다고 위에서 설명했습니다. 그렇다면 어떻게 하면 값을 저장할 수 있을까요? var v = 10; .. 2021. 9. 1. 서버 사이드 렌더링과 클라이언트 사이드 렌더링 글자 그대로 생각하면 서버 사이드 렌더링은 서버에서 렌더링 하는 것이고 클라이언트 사이드 렌더링은 클라이언트에서 렌더링 하는 것이라고 생각됩니다. 이번 글에서는 이 의미가 맞는지 확인하고 어떠한 장점과 단점이 있는지 알아보겠습니다. :) 1. 서버 사이드 렌더링 (Server Side Rendering, SSR) 서버 사이드 렌더링은 서버에서 웹 페이지를 렌더링 하여 클라이언트로 전송하는 것입니다. 서버에서 페이지를 그려 놓은 후 브라우저에서 화면에 표시하는 것이라고 말할 수 있습니다. 또한, 서버 사이드 렌더링은 요청마다 새로고침이 일어나 웹 페이저 전체를 다시 로딩하는 특징을 가집니다. 서버 사이드 렌더링은 브라우저에 화면을 표시하는 가장 일반적인 방식입니다. 그러나 요즘의 웹 사이트는 너무나 많은 .. 2021. 9. 1. REST API 이번에는 HTTP 메서드를 사용하여 자원을 주고받는 방식인 REST API에 대해 알아보겠습니다. 아래 글을 읽으시면 조금 더 쉽게 이해하실 수 있습니다. :> HTTP 프로토콜 url의 앞에 http나 https가 붙어있는 경우를 본 적이 있을 것입니다. 이번 글에서는 HTTP가 무엇인지 알아보도록 하겠습니다. 그리고 HTTP와 HTTPS의 차이점을 간단하게 확인해 보겠습니다. 프로토콜 프 oagree0123.tistory.com 1. REST (Representational State Transfer) REST는 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미합니다. 자원은 데이터베이스 안에 있는 이미지나 데이터 등 소프트웨어가 관리하는 모든 것을 의미하고, 상태의 전달은 데이터.. 2021. 8. 31. 쿠키 & 세션 이전 글에서 HTTP 프로토콜은 요청 후 응답을 받으면 연결을 끊어 버리며, 통신이 끝나면 상태를 유지하지 않는 특성에 대해 확인했습니다. 이러한 특성 때문에 일어나는 문제를 해결하기 위해 쿠키와 세션을 사용합니다. 이번 글에서는 쿠키와 세션에 대해 알아보겠습니다. 기억이 안나거나 어떠한 내용인지 모르시는 분은 아래 글을 읽고 오시면 이해하는데 도움이 될 것입니다. :) HTTP 프로토콜 url의 앞에 http나 https가 붙어있는 경우를 본적이 있을 것입니다. 이번 글에서는 HTTP가 무엇인지 알아보도록 하겠습니다. 그리고 HTTP 와 HTTPS의 차이점을 간단하게 확인해 보겠습니다. 프로토콜 프 oagree0123.tistory.com 쿠키와 세션을 사용해야 하는 이유로 가장 흔한 예시는 로그인을 .. 2021. 8. 30. HTTP 프로토콜 url의 앞에 http나 https가 붙어있는 경우를 본 적이 있을 것입니다. 이번 글에서는 HTTP가 무엇인지 알아보도록 하겠습니다. 그리고 HTTP와 HTTPS의 차이점을 간단하게 확인해 보겠습니다. 프로토콜 프로토콜은 컴퓨터 내부 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계입니다. 기기간 통신은 교환되는 데이터의 형식에 대해 상호 합의를 요구합니다. 이런 형식을 정의하는 규칙의 집합을 프로토콜이라 합니다. 간단하게설명하자면 "내가 이런 방식으로 줄 테니까 너는 이런 방식으로 받아. 그리고 너가 준 것은 내가 이렇게 받을께" 라고 약속하는 것입니다. 1. HTTP (Hypertext Transfer Protocol) HTTP는 인터넷상에서 데이터를 주고 받기 위한 1) 서버/클라이언.. 2021. 8. 25. 브라우저 동작 방법 이 글은 html5rocks.com에 "How Browsers Work: Behind the scenes of modern web browsers"를 참고하여 작성한 글입니다. 브라우저 주소창에 http://naver.com 나 https://www.daum.net/같은 url을 입력하고 엔터를 누르면 어떻게 새로운 페이지가 뜨는지 배워보겠습니다. 1. 브라우저 브라우저는 웹 페이지, 이미지, 비디오 등 다양한 정보를 수신, 전송, 그래픽 표현을 하는 소프트웨어 이다. 예를 들어 마이크로소프트 엣지, 크롬, 사파리, 파이어폭스 등이 있습니다. 브라우저는 클라이언트 / 서버 모델로 클라이언트는 웹 서버에 접속하여 정보를 요청하고, 서버는 해당 정보를 HTTP프로토콜을 따라 웹 브라우저에 전송합니다. 2. .. 2021. 8. 24. 01. 퍼셉트론(Perceptron) (밑바닥부터 시작하는 딥러닝) 내용을 바탕으로 작성되었습니다. 1. 퍼셉트론 퍼셉트론(perceptron)은 1957년에 프랑크 로젠블라트가 제안한 인공 신경망 알고리즘 입니다. 퍼셉트론은 뇌를 구성하는 신경 세포의 뉴런을 본따 만들어 유사한 동작을 가집니다. 퍼셉트론은 다수의 신호(Input)를 입력받아 하나의 신호(Output)를 출력합니다. - 위 그림에서 $x_1... x_i$ 는 입력 신호, $y$는 출력 신호, $w_1...w_i$는 가중치를 의미합니다. - 원은 인공 뉴런에 해당합니다. - 입력 신호 $x$가 가중치 $w$와 곱해져 뉴런에 보내집니다. - 뉴런에 전달된 시호가 임계치(threshold)를 넘으면 1을 넘을 때만 1을 출력합니다. 이를 수식으로 표현하면 아래와 같습니다. ($θ.. 2021. 8. 10. 이전 1 ··· 3 4 5 6 다음
