행복을 담는 블로그

[TIL] 240110(수) 팀과제 시작💪🏻 / 자바스크립트의 기초 본문

TIL

[TIL] 240110(수) 팀과제 시작💪🏻 / 자바스크립트의 기초

hyun0zin 2024. 1. 10. 21:47

오늘의 공부📖

  1. 알고리즘 코드카타
  2. 팀 과제 기획하기
  3. 자바스크립트 기초 실시간 강의 수강

오늘 공부한 내용 정리💁🏻‍♀️

🚨자바스크립트 기초 강의 세션🚨

: 가장 크게 선언호출로 이루어짐.

1) 변수 선언 - 호출하기

var a = 1; // 변수 선언하기

a // 변수 호출 = 변수 사용하기 위해

2) 함수 선언 - 호출하기

function 함수이름 (매개변수){
    return 함수 실행부 // 실제 함수가 실행되는 로직
} 

▶️ 함수의 이름을 부르려고 선언!!

** 변수 또는 함수의 이름은 '독립적'으로 작성하자.

📌 함수 선언 :

const c = () => {};

📌 함수 호출 :

c() // 이게 함수를 호출하는 것!!

ex)

// 1. 함수 선언
function fullName(성, 이름){
  return 성 + 이름;
}

// 2. 함수 호출
const myName = fullName(홍, 길동) // 홍길동

3) 함수 스코프!!

  • 스코프(범위) = {} : 요게 한 스코프 단위!!

스코프 밖에다가 변수를 선언해놓고(= ex.전역변수), 이후에 스코프 안에서 변수 사용 가능. BUT 역방향은 X.
→ 가장 가까운, 접근 가능한 스코프에 선언되어 있는 변수로 간다.

4) 내장함수 = 메소드 : method()

: 누군가 이미 선언 해놓은 함수 = 따로 선언하지 않아도 바로 가져와서 메소드()로 사용 가능.
→ 대신 앞에 obj(객체)가 필요 ex) obj.method()

* obj = {key-value}; 값이 같으면 하나로 합쳐서 쓸 수 있다!

ex)

const console = {
log : log, // log, 로 하나만 쓸 수 있다. 
};

5) 함수 이름();

: 매개변수를 지정하지 않은 채로 함수를 호출하는 경우, 강제성을 가진다.
= 무조건 그 함수를 찾아가서 실행시켜라.

ex)

makeCards();

 

하루를 마치며...🤔

개인 과제가 모두 끝나고 팀 과제가 시작 되었다. 처음으로 팀원분들과 함께 어떻게 진행해 나갈 것인지 기획도 하고, github에서 Pull requests 도 진행하며 함께 팀 과제를 시작하였다. 개인 프로젝트를 기반으로 더 확장하여 과제를 진행하는 것이었는데, 다행히도 개인 과제 코드 리뷰를 하면서 어떻게 문법이 구성되었는지도 조금은 익힐 수 있었다. 또한 튜터님께서 자바스크립트 기초 세션 강의를 진행해주셨는데, 생각보다 내가 함수의 개념과 매개변수 설정 하는 방법에 대해서 잘 이해하고 있지 못하였구나를 알았다. 기초 강의를 듣고 보니 함수의 선언과 호출하는 코드가 훨씬 눈에 잘 들어오는 것을 알게 되었다. 내일부터는 자바스크립트 강의를 다시 한 번 더 들으면서 헷갈리는 부분들을 다시 한 번 더 체크하고, 모르는 부분들, 처음보는 내용들은 꾸준히 자세하게 잘 기록해야겠다.

 

한 줄 회고😎

내일부터는 강의도 다시 들으면서 복습을 열심히 해야겠다.