본문 바로가기

Programming👩🏻‍💻/Web Basic

2 JavaScript

추상[각주:1]

 

구체적인 정보들은 숨기고 핵심만 뽑아내서 필요한 표현만 하는 방식을 추상화, Abstraction.

추상..추상 말은 어려울지 몰라도 우리 일상생활에 추상화된 많은 것들이 존재한다.

책의 내용을 함축한 책 제목이라던지.. 몇 시간짜리 영화의 줄거리라던지 등등..

결국 디테일한 내용은 숨기고 목적에 맞게 필요한 핵심 정보만 표현을 한다.

왜 죄다 빼먹어~ 이럴 수 있지만 되려 이러한 표현들이 훨씬 효과적으로 소통이 가능할 수 있다는 장점이 크다.

 

프로그래밍에서도 예외는 아니다. 어떤 프로그램을 만든다는 것은 코드를 작성하는 자신과 소통이 될 수도 있고 작성한 코드를 실행하는 컴퓨터와 소통이 될 수있고 아니면 함께 코드를 작성하는 동료와 소통, 내가 만든 프로그램을 사용하는 사용자와의 소통이 될 수도 있다.

 

??: 근데 별거 없는 개념이라면서 말이 좀 많은 것 같은데?

 

그니까 정리하자면 목적을 명확!히 하고 쓰잘대기 없는 것들은 숨기고 

간결하게 핵심만 드러내는 것.

이것만 기억하라규


변수

변수 이름을 만들 때 생각없이 만들면 안된다.. 코드 생산성으로 다 이어지는 것들이므로..!

 

안 지키면 오류나니까 꼭 지켜야할 List

(1) JS 식별자는 문자(영 대소), 밑줄(_), 달러기호($)로 시작할 수 있음. 두번째부터는 숫자도 가능.

(2) 대문자,소문자는 구별한다  ex)myName

(3) js가 찜해놓은 예약어는 사용하면 에러 booooooom

(4) 변수 이름은 'camelCase'를 쓰는 것이 좋다.

 

이런 더 좋은 코드 스타일을위해서 다양한 약속들을 스타일 가이드 혹은 코딩 컨벤션이라고 한다.

 

참고 해 보면 좋을 스타일 가이드

github.com/rwaldron/idiomatic.js/tree/master/translations/ko_KR

 

rwaldron/idiomatic.js

Principles of Writing Consistent, Idiomatic JavaScript - rwaldron/idiomatic.js

github.com

 

코드 에디터에서는 자동완성이 되기 때문에 들여쓰기(indentation)에 주의를 기울여야 한다.

대부분 공통적으로 들여쓰기를 space 2칸으로 사용하도록 권장한다.

 

~VSCode 들여쓰기 기본값 설정하기

설정으로 간다 (단축키 컨트롤+  ,) > editor tab으로 검색한다 > Detect Indentation체크 해제 > Tab size 2로 변경.추가로 Insert Space 부분 체크된지 확인.기존에 작성했떤 파일로 돌아가서 소스코드 전체선택 후 마우스 오른쪽 클릭> Format Document(단축키:shift + Alt + F)기존 4칸이었던 들여쓰기가 2칸으로 바뀔 것임~~

 

 

  1. 여러 가지 사물이나 개념에서 공통되는 특성이나 속성 따위를 추출하여 파악하는 작용 [본문으로]

'Programming👩🏻‍💻 > Web Basic' 카테고리의 다른 글

Json Web Token  (0) 2021.11.25
JavaScript 1  (0) 2021.04.26