전체 글 564

[CleanCode]의미 있는 이름-의도를 분명히 밝혀라

코드를 처음 시작할 때 흔히int d; // 날짜이런 식으로 한글자로 변수명을 적습니다. 이름이 좀 길어져도 상관없습니다 클래스/함수/변수 무엇이든 읽자마자 어떤 것인 지 알 수 있어야 합니다.int daySinceCreation;int fileAgeInDays;너무 길지 않나? 생각할 수 있지만 훨씬 낫습니다.주석이 없어도, 변수명을 기억하지 않아도 바로 알 수 있습니다. 연속적인 숫자 이름은 아무런 정보를 제공하지 못한다 public void makeNames(String param1, String param2) { }param1, param2 ...param4 까지 흔히 볼 수 있는 작명입니다.하지만 아무른 의도를 읽을 수 없습니다. 변수타입을 이름에 넣지 마라(헝가리안 표기법 금지)Dat..

📜 CleanCode 2023.07.02

[JS]Promise/async/await : 약속 삼총사

Promise : 약속한 내용  ※ 기본형태let promise = new Promise(function(resolve, reject){ });​ 익명함수(함수를 변수에 담은 형태) 입니다. 무슨 약속이었는 지 기억하려면 이름이 붙어야 겠죠.그래서 꼭 변수에 담아야 합니다. 아니면 약속을 해도 실행할 수 없어요.약속한 걸 실행 성공하면 resolve실패하면 reject 가 실행됩니다. Promise 구성 상태값 변화  Promise의 기본 상태값PromiseState : pendingPromiseResult : undefined성공한 경우 PromiseState : fulfilled PromiseResult에서는 resolve 에 담긴 값이 표기됩니다.실패한 경우 PromiseState : rej..

✨ UI/💛 JS 2023.06.29

[JS]typeof() : 변수 타입 확인하기(+ ===엄격한 동등연산자)

먼저 들어가기 전에 왜 typeof()함수로 변수 타입을 확인 하는 지 적어보자면  JS 클린코드 작성법으로== 대신 ===가 사용하길 권고되기 때문입니다  == 동등 연산자는 숫자와 문자열 상관없이 일치하는 지 확인하죠.   === 엄격한 동등 연산자는 타입이 일치하는 지도 확인합니다.→ 엄격하게 동등한 지 확인하기 전에 타입을 확인해야 원하는 로직을 구현할 수 있습니다.  사용법typeof(변수명)

✨ UI/💛 JS 2023.06.18

[JS]스케줄링 함수 setTimeout() 과 setInterval()

setTimeout(functionRef, delay)setTimeout(실행할 함수, 시간);  : delay 시간 후에 실행.  🌟 스케줄링 함수를 사용할 땐 화살표 함수로 작성하면 특히 더 간단히 적을수있어이렇게많이사용됩니다.setTimeout(() => {console.log("1")}, 1000);setTimeout(() => {console.log("3")}, 3000);​   setInterval(functionRef, delay): 지정한 시간 간격으로 반복. 💡 setInterval()은 꼭 변수에 담아서 실행해야 합니다.(익명함수)그렇지 않으면 반복되는 함수이기때문에 무한으로 반복합니다.let interValName = setInterval(functionRef, delay);​ ?..

✨ UI/💛 JS 2023.06.11

[JS]변수타입 var, let, const

💡 let과 const를 사용되길 권고되고 있지만 아직은 var를 사용하시는 분들이 압도적으로 많습니다.하지만 JS코드가 길수록, var는 너무나 자유로운 변수타입이기에 코드를 통제하기 쉽지 않습니다.그럼 왜 그런지 세가지 변수타입의 차이를 알아보겠습니다.  시작 전에 선언과 초기화의 차이는var declare;변수명; 하는 것을 선언이라 합니다. declare = "초기화";변수 선언시 값을 대입하는 것을 초기화라고 합니다. var declare = "선언과 초기화를 동시에";보통 이렇게 선언과 초기화를 동시에 해줍니다.이유는  초기화 되지 않은 변수는사용시 오류가 나기 때문입니다   var변수명 중복⭕문제는 변수가 중복된 지 모르면 값이 바뀌어버린다는 겁니다. let 변수명 중복 ❌중복시 오류 발생..

✨ UI/💛 JS 2023.06.10

[JS]초기화한 값에 따라 변수 타입이 정해집니다

Java와 달리 변수 타입을 지정하지 않습니다.  처음에 타입을 지정하면 그게 변수의 타입이 됩니다.var는 가장 많이 사용되는 변수 선언명입니다.JS에서는 var를 붙이면 변수가 됩니다.(현재는 var 대신 let, const를 사용하는 추세)  타입을 변환하고 싶다면 number 타입에 ""를 붙여주거나string타입을 Number() 로 감싸는 식으로 변환할 수 있습니다.

✨ UI/💛 JS 2023.06.06

JavaScript와 Java는 다른 언어입니다

처음 개발을 배우며 저를 포함한 모두가 혼란스러워한 부분이어서 적어봅니다. 저를 가르친 강사님께서 그냥 인기있는 언어인 Java를 이름에 가져온 거라고 하셨었습니다. 자세한 내용은 https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#cite_note-10 자바스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그 ko.wikipedia.org 위키백과를 보면 두 언어 모두 C언어에 기반을 두기에 구문이 비슷해서 JavaScr..

✨ UI/💛 JS 2023.06.06

노션 Notion : 완벽한 블로그 + 메모장

블로그와 메모장의 중간 정도의 툴입니다.     간단하게 어떤 식으로 사용하는 지 보여드리면저장을 누르지 않아도 저장이 되고, 간편하고 디자인도 심플합니다.      제가 생각하는 최고의 장점은 컴퓨터, 핸드폰, 태블릿에 어플만 깔면 바로바로 볼 수 있다는 점.      물론 핸드폰으로도 가능합니다.   게시글을 찾는 것도 조회도 쉽고 직관적입니다.    페이지를 공유해서 편집할 수도 있어 스터디용으로도 많이 사용됩니다.    다양한 방식으로 홈페이지 처럼 꾸밀 수도 있습니다.    정말 완벽한 툴처럼 보이지만 딱 하나 단점이 있으니..    특정 기능이 유료라는 겁니다..요금제를 안 쓰면 검색 엔진에 노출되지 않아요..   이렇듯 장단점이 뚜렷한 노션하지만 분명 쓸만한 어플임에는 확실합니다.사람들이 원..

반응형