분류 전체보기
-
웹스톰 & 인텔리제이의 북마크 기능웹스톰 & 인텔리제이 편리 기능 정리 2024. 4. 22. 04:20
코딩 작업을 하다보면 참고해야 하는 코드를 찾아봐야 하거나 이전에 작업하던 코드가 있는 곳으로 돌아가야 할 때가 있다. 그런데 찾는 코드로 별다른 기능 없이 그냥 이동한다면? 스크롤의 압박을 받으면서 힘들게 찾아가야 할 수도 있다. 이런 어려움 없이 한방에 이동할 수 있는 기능이 2가지가 있는데 1) 익명기호 북마크 (Anonymous bookmarks) 2) 연상기호 북마크다. (Mnemonic bookmarks) 위 이미지에서 3번줄에 있는 것이 익명기호 북마크 36번 줄에 있는 것이 연상기호 북마크다. 익명기호 북마크와 연상기호 북마크 모두 '빠르게 찾아 갈 수 있는 표시'라는 공통점이 있지만, 연상기호 북마크는 단축키로 찾아갈 수 있어 더 간편하다. 익명 북마크 익명 북마크는 다음 단축키로 추가 ..
-
웹스톰에서 색상 커스텀하기웹스톰 & 인텔리제이 편리 기능 정리 2024. 4. 15. 04:16
웹스톰은 화면을 구성하는 부분들의 색상이 알록달록하다. 필자는 주석으로 TODO 키워드를 치면 자동으로 색상이 눈에 띄게 설정되는게 신기했는데 알고보니 기본적으로 색상들은 사용자가 사용하는 화면 테마에 기본색상이 설정되어 있으며, 주석 TODO도 색상이 설정되어 있기 때문이었다. 이 색상은 Settings >> Editor >> Color Scheme에서 사용자가 자신의 구미에 맞게 커스텀할 수 있다. 예를 들어 주석 TODO 색상을 설정하는 방법은 다음과 같다. 줄번호 색상도 변경할 수 있다.
-
라이브 템플릿 설정으로 자주 쓰는 코드 쉽게 소환하기웹스톰 & 인텔리제이 편리 기능 정리 2024. 4. 8. 08:58
웹스톰과 인텔리제이에서는 라이브템플릿이란 기능으로 쉽게 자주 쓰는 코드를 불러 올 수 있다. 라이브 템플릿을 설정하기 위해, 먼저 Settings로 들어가자. Settings에서 Live Template으로 들어가서, 예시로 Vue에서 쓸 라이브템플릿을 만들어 보겠다. 필자는 팝업 만들기 작업을 많이 하는 관계로, 팝업의 기본 템플릿을 만드는 라이브템플릿을 만들어본다. 먼저 오른쪽의 + 버튼을 눌러서 나오는 Live Template을 클릭하자. 그런 다음 나오는 화면에서 아래와 같이 vpop이란 이름으로 라이브템플릿 이름을 입력해주고 템플릿 텍스트도 입력해준다. 템플릿 텍스트 코드에 있는 $vpop는 변수명이 들어갈 자리다. 그런 다음, 오른쪽의 EDIT VARIABLES 버튼을 눌러서 설정해준다. 이 ..
-
6장 객체: 코뿔소 자바스크립트 완벽 가이드 스터디 모임항해99 1기 수료후 TIL 2022. 6. 8. 02:45
객체: 자바스크립트의 가장 기본적인 데이터 타입. 오늘의 목표: 객체의 동작 원리를 자세하게 이해하자. 6-1. 객체 소개 객체란? 1) 복합된 값 2) 프로퍼티의 순서 없는 집합 3) 이름(key)을 통해서 값(value)을 저장하고 불러온다. 4)이름과 값을 연결하는 데이터 타입은 다른 언어에도 있음. 파이썬에서는 딕셔너리. 5) 자신의 프로토타입이 있으면 그것에서 프로퍼티를 상속 받음: 자바스크립트의 중요한 기능! 6) 객체의 메서드(ex: toLocaleString)은 일반적으로 상속된 프로퍼티. 7) JS에서는 문자열, 숫자, 심벌, boolean, null, undefined가 아니면 모두 객체. 그래서 배열도 객체. 8) 객체는 가변(= 동적) 9) 값이 아니라 참조로 동작함. 그래서 같은 ..
-
웹호스팅: 호스팅이라는 서비스의 개념으로 설명하기.항해99 1기 수료후 TIL 2022. 4. 24. 17:50
웹호스팅의 정의 : 콘텐츠 리소스를 저장/중개/관리하는 일을 통틀어서 이르는 말. ↑↑↑안 와닿는 정의 ↓↓↓와닿는 정의 서버컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스 이런 서비스가 필요한 이유 콘텐츠를 저장/제공/로그접근/관리 등등에 서버가 필요: 그 서버에 필요한 하드웨어/소프트웨어 관리가 어려움 서버를 운영하려면 24시간/365일 내내 컴퓨터가 켜져 있어야 함 : 비용/공간/전문가 빵빵한 회사가 아니면 어려움 요즘은 Hosting을 cloud라고도 함 둘다 인터넷에 연결된 컴퓨터를 빌려주는 서비스/비즈니스라는 점에서 같음. 호스팅중에서 웹서버를 운영하는데 필요한 소프트웨어까지 설치해서 빌려주는 서비스 = 웹호스팅 내가 보기엔 AWS나 네이버 클라우드가 웹호스팅과 같지는 않고..
-
HTTP 완벽 가이드 3장: HTTP 메시지항해99 1기 수료후 TIL 2022. 2. 10. 08:36
HTTP 메시지란? http라는 배달원이 배달하는 소포 === http 메시지 http 애플리캐이션 간에 주고 받는 데이터 블록 === http 메시지 1. 메시지의 흐름 2. 메시지의 각 부분 메시지 구성 = 시작줄 + 헤더 + 본문(바디) 3. 메서드 메서드 = 서버가 하길 원하는 '동작'을 클라이언트가 콕 찝어 지시하는 것. 안전한 메서드 = GET, HEAD = 이 메서드를 사용하는 HTTP 요청으로 인해 서버에 변화가 없음 3-1.GET : 서버에 리소스 요청 3-2. HEAD : GET과 같지만 응답으로 헤더만 돌려줌 3-3. PUT : 서버에 문서 쓰기 3-4. POST : 서버에 입력 데이터 전송 3-5. TRACE : 요청이 서버에 전달되면, 서버에 어떻게 요청이 보이는지 클라이언트에게 ..
-
TIL 2021.7.26 : 자바스크립트 클래스의 this와 파이썬 클래스의 self 비교(feat. React)항해99 1기 수료후 TIL 2021. 7. 26. 12:11
자바스크립트 클래스에서 this 자바스크립트에서 this는 상황마다 가리키는 것이 달라진다. 클래스를 정의하는 경우에는 this는 클래스가 생성하는 인스턴스를 가리키고, 클래스 정의시 내부 로직에서 변수와 메서드를 선언하는 경우에는 this가 꼭 나와줘야 한다(= this 없이는 오류가 나온다). 파이썬에서 클래스를 정의할 때 나오는 self도 클래스로 만드는 인스턴스를 가리키는데, 이는 자바스크립트 클래스에서 this가 인스턴스를 가리키는 것과 같다. 그래서 파이썬을 배운 다음에 자바스크립트를 배우면 좀 쉽게 배울 수 있다(파이썬과 자바스크립트는 이름도 같고 사용법도 같은 배열 메서드가 있는 정도로 유사한 점이 많아서 파이썬을 배우고 자바스크립트를 배우면 좀 더 쉽게 자바스크립트에 입문할 수 있을 것이..
-
TIL 2021.7.23 : 자바스크립트 호이스팅의 애매함 타파하기항해99 1기 수료후 TIL 2021. 7. 23. 00:56
코어 자바스크립트(정재남 지음)의 Chapter02. 실행 컨텍스트에서 설명하는 호이스팅과 관련해 애매한 부분을 정리한 블로그 페이지입니다. 호이스팅을 설명하기 위한 필수지식의 흐름은 다음과 같다. 1. 자바스크립트에서 실행 컨텍스트 : 실행할 코드에 제공할 환경 정보들을 모아 놓은 객체. 2. 실행컨텍스트의 구성요소인 environmentRecord에는 현재 컨텍스트와 관련된 코드의 식별자 정보들이 저장됨. 3. 단, 식별자만 저장하는 것이지, 식별자에 할당된 값도 저장하는 것이 아님에 주목할 것! 4. 저장되는 식별자 정보 : 실행컨텍스트를 구성하는 함수의 매개변수 식별자, 함수 선언문의 경우 함수 전체, var로 선언된 변수의 식별자. 5. 코드 실행 전, 자바스크립트엔진은 실행 컨텍스트의 처음부터..