dev.log

자바스크립트 함수 명명의 중요성 (특히 이름 짓기)

2022.05.04 TIL 접두어를 적절히 활용하면 함수 이름만 보고도 함수가 어떤 동작을 하고 어떤 값을 반환하는지 쉽게 알 수 있다. 접두어를 사용하여 함수이름을 짓자. "show..." – 무언가를 보여줌 "get…" – 값을 반환함 "calc…" – 무언가를 계산함 "create…" – 무언가를 생성함 "check…" – 무언가를 확인하고 불린값을 반환함 주의: 함수는 동작 하나만 담당해야 한다! 긴 함수는 하나씩 끊자. 끊긴 함수는 테스트와 디버깅이 쉬워진다! 그리고 함수 그 자체로 주석의 역할까지! 가독성도, 가성비도 좋은 함수를 만들자.

JS 변수/상수 선언

변수 변수는 데이터를 저장할 때 쓰이는 '저장소'입니다. 변수를 선언할 때는 let을 사용합니다. let variable1; let은 값이 변경이 가능한 변수일 때 사용합니다. let playerNum = 3; playerNum = 5; //가능 상수 const는 값이 변경되지 않는 상수를 선언할 때 쓰입니다. 상수는 재할당이 불가합니다. 변수값이 변경되지 않는다면 const를 사용하여 값이 변경되는 상황을 방지할 수 있습니다. const variable2 = 30; variable2 = 0.3; //error 주의: 하드 코딩한 상수의 경우, 대문자를 사용해 선언합니다. 아닐 경우엔 아래와 같은 명명규칙에 따라 선언하면 돼요. //하드코딩 상수 const COLOR_B = '#0000FF' const ..

Javascript alrert, prompt, confirm

2022.05.03 TIL 자바스크립트로 사용자 인터페이스로 사용할 수 있는 기본적인 세가지가 있습니다. 1. alert alert는 [확인] 버튼이 포함된 모달창을 띄웁니다. 확인 버튼을 누르기 전까지 다른 행동은 불가합니다. 사용방법 : alert(content); 2. prompt prompt는 [확인] [취소] 버튼과 [입력 필드]가 포함된 모달창을 띄웁니다. 결과값으로는 입력 필드에 입력한 내용이 전달됩니다. 만약 취소버튼을 눌렀다면, 결과값으로 null이 전달됩니다. prompt(title, [default]) 3. confirm confirn은 [확인][취소] 버튼이 포함된 모달창을 띄웁니다. true, false로 결과값이 전달됩니다. confirm(title)