[11.20] 자바스크립트 함수 4가지❗ + 오늘의 포스팅

2024.11.20 - [웹 개발 공부하기] - 13일차 express 구조 총 정리😏

💥 자바스크립트 함수

function add1(x,y){ // 1번

    return x + y

}

let add2 = function(x,y) { // 2번

    return x + y

}

const add3 = (x,y) => { // 3번

    return x + y

}

var add4 = (x,y) => x + y  // 4번

console.log(add1(1,2))

console.log(add2(1,2))

console.log(add3(1,2))

console.log(add4(1,2))

 

여기서 보이는 1~4번... 전부 다 같은 값이 출력된다.

1번은 언제나 보이는 기본 그 자체고, 2번은 1번보다 조금 더 모듈화된 느낌이라고 생각하면 될 것 같다!

 

3번, 4번은 화살표 함수를 이용한 코드이다.

쉽게 말하자면, 화살표 함수는 function 을 대신한다고 생각하면 좋을 것 같다.

 

화살표 함수는 쉽게 축약이 된다는 걸 볼 수 있는데, 우리 또래의 개발자들은 사용할 지 몰라도..

이전 버전으로 공부를 하셨거나 화살표 함수가 익숙치 않은 개발자분들은 잘 사용을 안 할 수도 있다.

그래서 협업을 할 땐 되도록 안 쓰는 걸 추천하는 편이다!

3번의 코드에서 return 을 빼고도 바로 x + y 를 적어도된다.

3번의 축약버전이라고 생각하면 좋을 듯!!

↑ 콘솔창

 

이렇게 4개만 봤는데도 같은 코드를 다르게 쓸 수 있다는 걸 볼 수있다.

말 그대로, 정답은 없는 것이다! 에러없이 출력값이 동일하게 잘 나온다면 본인의 스타일대로 코드를 써도 된다.

하지만... 협업 때 ??? : OO씨 이건 뭐예요? OO씨 왜 이렇게 썼어요? 등... 귀찮은 일에 휘말리기 싫다면

팀원들이 충분히 이해할 수 있을 만한 코드로 깔끔하게 적는 것이 Best of Best 다!

 

난 개인적으로 1,2번을 선호하는 편! 화살표 함수 사실 잘 이해가 안 가기도 하지만.. 눈에도 뭔가 잘 안 들어오는 느낌 ㅠ
언제나 초보 개발자들은 FM대로 가는 게 Best다.. 선임이 쓰지말라면 안 쓰는 게 국룰!
오늘은 express와 자바스크립트 함수를 간단하게 해보았는데, express는 아직도 공부해야할 게 많은 느낌이다.
특히나, 컨디션이 안 좋았던 지라 강의가 눈에 잘 들어오지 않아서 집중도 못 했다 ㅠㅠ...
과제도 안 하고 약 먹고 잤다가 이제야 정리하는 중... 😂
오늘 강의 재밌어보였는데 너무 아쉬우니까 내일 할 일 끝내놓고 한 번 더 들어봐야겠다!

요즘 만들고 있는 토이프로젝트도 열심히 해나가자.. 뷰만 만들어놓고 감이 안 잡혀서 못 하고 있었다 사실...
금요일 전에 최대한 다 해보는 걸 목표로 열심히 해보자!