분류 전체보기

정리노트: Javascript에서 this란 무엇일까?

자바스크립트의 기본부터 천천히 공부하고 있다. 공부한 내용을 나만의 방식대로 정리해두어야 나중에 까먹어도 쉽게 다시 이해할 수 있을 것 같아 정리했다. 해당 유튜브를 보고 따라하며 작성하였다. 핵심1. this는 '자신이 속한 객체를 가리키는 변수' 이다. 핵심2. this는 자신을 '호출'하는 방법에 따라 다른 값을 가리킨다. var someone = { name: 'KMS', someFunction: function() { console.log(this); } } 위와 같은 객체를 하나 만들어, 여러 케이스를 접해보며 this를 알아가보려한다. someone이라는 객체는 someFunction이라는 속성을 가지고 있으며, 이 속성엔 this를 콘솔에 찍는 함수가 담겨있다. // case 1 someo..

MAC에서 AWS EC2 인스턴스에 편하게 SSH 접속하기

맥 왜 사냐? 윈도우 사지 난 터미널 쓰려고 샀다 윈도우도 있는데 맥 왜 사냐? 윈도우 사지 인정합니다 맥은 기본 터미널이 참 잘 되어있다. 그래서 윈도우에서는 주로 putty 같은 프로그램을 통해서 AWS EC2 인스턴스에 접속했었는데 맥은 기본 터미널로도 편하게(거짓) 접속할 수 있다. EC2 기본 가이드에는 이런 식으로 설명이 되어있다. 저걸 매번 치고 들어가라니... 게다가 외울 수 없는 문자들로 이루어져있다. 그래서 이 글은 편하고 쉽게 접속하기 (= 한번만 귀찮기) 방법을 적어보도록 하겠다. 내가 까먹을 까봐... 우선, 준비물은 인스턴스를 시작할 때 사용했던 키 (pem 파일)이 필요하다. 해당 pem 키를 캡쳐처럼 ~/.ssh/에 위치하게 한다. (선택사항. 위치만 기억해두면 된다.) *아..

도와줘요! 박사님! - 웹 서버와 WAS

*이 글은 이전된 글입니다. 왜냐면 이건 원래 원앙과의 지식 공유를 위해 나의 언어로 작성된 것이기 때문임 ㅎㅎ 보호보호야 오늘은 웹 서버와 WAS에 대해 알려주도록 하겠다. 예… 호호 보호보호야 아주 태도가 좋구나 역시 우등생다워 웹 서버와 WAS에 대해 알아보기 전에 먼저 알아야할 것이 있다. 바로 ‘정적 페이지(static page)‘와 ‘동적 페이지(dynamic page)‘란다. 정적 페이지의 대표적인 친구들로는 HTML, CSS, JS가 있다. 이들은 보호보호 너가 웹에 접속했을 때 서버에 저장된 파일을 그대로 보여주는 것이지. 위와 같은 코드가 있다고 생각해보거라. 이렇게 작성된 HTML, CSS, JS는 너가 어떤 사람이든 내용이 변하진 않는단다. 이렇게 아주 정직하게 동작하지. 내용물이 ..

도와줘요! 박사님! - 클라이언트와 웹 서버

*이 글은 이전된 글입니다. 왜냐면 이건 원래 원앙과의 지식 공유를 위해 나의 언어로 작성된 것이기 때문임 ㅎㅎ 보호보호야 궁금한게 있다구? 아뇨 없는데용 호호 보호보호야 내가 알려주마 보호보호야 인터넷에서 너가 로그인 버튼을 클릭했을 때 무슨 일이 벌어지는지 알고 있니? 보호보호 너가 클릭을 하는 순간 인터넷에서는 서버에게 이런 요청을 보내게 된단다. 아니 안물어봤는데용 뭐어? 클라이언트와 서버가 뭔지 모르겠다구? 쉽게 생각하면 클라이언트는 눈에 보이는 영역이란다. 예를 들면 보호보호 너가 쓸 수 있는 크롬, 파이어폭스 같은 브라우저 같은 애들이란다. 익스플로러도 있지않냐구? 그런건 언급하지말거라. 그림처럼 “요청”을 하는 역할을 주로 수행한다고 생각하면 된다. 그냥 쉽게 요구사항이 적힌 쪽지를 전달한..

윤선이와 블로그 만들기_5. 글 조회와 되돌아오기 처리

ㅜㅅㅜ 예전에 진행했던 내용을 적다보니 매우 축약해서 적게 됐다... 실제로 나와 윤선이가 진행한 내용에서 권한 관련한 부분을 빼고 설명하기도 했고... 아무튼 지난 글에선 글 목록을 만드는 이야기를 해보았으니, 이번엔 글 조회를 보겠다. 지난번 글을 재탕하면, 글 목록에서 Part 컴포넌트에 각 데이터들을 전달하고 Part 컴포넌트는 해당 데이터를 보여주고, 컴포넌트 영역이 클릭될 때 moveToPost 함수를 통해 페이지를 이동한다. 글번호와 현재 해당 글이 속한 페이지를 들고 화면을 전환하게 되는데, 왜 굳이 이렇게 했는지 추후에 설명하도록 하겠슴 (까먹으면 안함 수고) 글 목록에서 클릭된 글을 조회하여 보여주는 Post 컴포넌트는 대략 이런 방식으로 작동한다. 1. 페이지에 진입했을 때 현재 주소..