200727_TIL

oh_ji_0·2020년 7월 27일
1

TIL

목록 보기
1/61

Today I leared

  • 좋은 질문을 하는 방법
  • 크롬 개발도구
  • 변수와 자료형
  • 함수

1. 좋은 질문을 하는 방법

  • 질문하는 방법에 대한 연구 및 노력이 중요한 개발 직군.
  • 질문하는 방법에 대한 엔진을 가지고 있어야 한다 (특히 글!)

[검색]

  1. 검색이 가장 빠른 지름길이다.
    검색하지 않는 것은 더 빠른 길을 저버리는 것,
    우리가 고민하는 문제의 90%는 이미 인터넷 안에 답이 있다
    질문 개선을 위해(질문에 대한 키워드를 얻기위해) 선행적으로 검색이 필요하다.

  2. 검색을 통해 원하는 답을 얻지 못했다면 내가 무엇을 찾아봤는지 기록한다.

[질문]

  1. 바보같은 질문은 없다. 정성 들이지 않은 질문만 있다.

  2. 질문하기를 멈추지 않는데 개선이 되지 않는다면, 바보같은 질문을 반복하며 조금씩 나아진다.

  3. 좋은 질문의 첫 조건은 좋은 제목이다. 익숙해질 때까지 내용→ 제목 순으로 작성하는 것도 좋은 방법이다.

  4. 바쁜 동료에게 물어본다고 생각하고 질문을 작성하자.
    답변자가 바쁘다고 생각하고 질문을 작성하면 그 사람의 시간을 빼앗지 않게 노력하게 되고,
    좀 더 영리하게 정성들여 질문을 할 수 있다.

  5. 시도한 흔적과 오답에 대한 내용을 포함하여 상황을 먼저 설명한다.

  6. 답변자가 재연할 수 있도록 정보를 제공한다. (sqlfiddle.com / jsbin 등)

  7. 코드 스니펫을 활용한다.
    코드 이미지 캡처나 전체코드를 올리지 않는다.

  8. 답변을 받을 경우, 그에 대한 나의 시도와 해결 방법에 대한 피드백을 남긴다.
    피드백을 남기는 것은 나를 위한 길이며, 답변자를 위한 길이고, 모두를 위한 길이다.

2. 크롬 개발자 도구

  • 크롬 개발자 도구 사용법
  • console 창에서 줄바꿈은 Shift + Enter 로 가능하다

3. 변수 기초

  • 변수: 변수는 상황에 따라 변할 수 있는 값.
  • 선언: 자바스크립트에선 var, let 키워드를 통해 선언한다.선언은 한번만 할 수 있다.
    변경은 가능하다.
  • 할당: 선언된 변수에 값을 할당 할 수 있다. 다음과 같이 할당한다. 선언과 할당은 동시에도 가능하다.
let userName; //선언
userName = 'Steve'; //할당
let userName = "Steve'; //선언과 할당을 동시에
  • 프로그래밍 세계에서 변수는 이름이 붙은 값.

  • 표현식에서 이러한 변수들을 사용할 수 있다
    표현식 ex) pi * 5 * 5
    표현식: 하나의 값으로 표현되는 코드
    자바스크립트는 글자, 숫자, 기호를 한글자씩 독해하여 하나의 값으로 컴파일 한다.

  • 변수명엔 공백을 쓰지 못한다. 낙타 등 모양처럼 생긴 CamelCase 식의 표기법을 사용한다.

  • 변수는 동일한 변수를 이용해 대입할 수 있다

  • 한번 사용한 변수를 다시 사용할 땐 let을 쓰지 않는다.

  • 할당이 없는 변수는 undefined 가 찍힌다 (정의되지않음)

  • 변수 타입엔 숫자(Number), 문자열(String), 참/거짓(Boolean), 자료형[배열(Array), 객체(Object)] undefined, 함수(Function) 등이 있다.

4.함수

  • 알고리즘: 문제를 해결하는 고민.

  • 함수 : 문제 해결을 위한 고민을 논리적으로 풀어내는 작업을 하는 하나의 단위. 복잡한 문제를 해결하기 위한 작은 기능 구현.
    함수는 지시 사항의 묶음. [입력→함수→출력]의 과정으로 이루어져잇다.
    ex) y = f(x);

  • 자바스크립트에서 함수 사용은 함수 이름과 입력을 이용한다. 입력⇒ "안녕하세요"
    문자열은 ""을 사용하여 입력한다.

  • 함수의 선언:

//함수 선언식
function functionName(input) {
}

//함수 표현식
let functionName = function(input){
}
  • 매개변수: 함수에서 사용할 입력값은 매개변수(parameter)라고 부른다. let등의 키워드를 사용하지 않는다.

  • 함수 안에서 바깥으로 결과를 가져오려면 return을 이용해서 가져와야한다.

  • return 은 함수 바깥으로 결과를 가져온다.

  • 아무것도 리턴하지 않는다면 함수 호출의 결과는 undefined가 함수의 결과가 된다.

  • Number()
    문자열을 숫자로 변환

  • String()
    숫자를 문자열로 변환.

  • if문.
    else if 문의 경우, 맞는 조건이 실행돼 return 될 경우엔 아래 조건이 실행되지 않기 때문에 조건문의 실행 순서가 중요하다.

[Comment]

@@ 코드 스테이츠 20주 과정을 수강하게 됐다.
앞으로 20주간 그리고 그 이후의 프론트엔드 개발자로서의 취업, 또 그 이후의 성장까지
스스로 노력하고 정리하는 습관을 들이기 위해 TIL 로그 혹은 Dev log를 기록하려고 한다.

다만 기초를 쌓는 과정 동안, 그리고 TIL에 익숙해지는 기간 동안엔 TIL에만 집중하고
심화 학습 및 개발 프로젝트를 진행하면서 Dev log도 같이 겸하기로 계획해본다.

profile
기본에 충실하고 싶습니다. #Front-end-developer

1개의 댓글

comment-user-thumbnail
2020년 7월 27일

😄 👍🏼

답글 달기