[21.05.26] 모각코 수요 스터디(온라인)
bluelion2 opened this issue · comments
❤ 수요 살롱
📅 5월 26일
☕ 장소 : 서울대입구역
⏱️ 시간 : 수요일 저녁 8시 ~ 10시
🙏 참석하실 분은 밑에 이슈 등록해주세요~!
참석
- SQLD 공부
반드시 참석
- practical vim 연습
- 모던자바스크립트 deep dive 클래스 호이스팅부터 읽음
참석
- 모던자바스크립트 deep dive 함수, 스코프 읽음
참석
gsap scrollTrigger
함수
- 함수 호이스팅
- 함수 선언문
- 런타임 이전에 JS 엔진 실행 -> 런타임시 이미 함수객체 생성되어있음 -> 런타임시 할당
- 함수 표현식
- 변수 호이스팅 따라감 -> undefined로 초기화
- 함수 선언문
- 인수와 매개변수
- 함수의 인수가 적으면 매개변수는 undefined로 됨 -> 매개변수의 스코프는 함수 내부
- 함수의 인수가 초과되면 무시되나, arguments 객체의 프로퍼티로 보관됨
- 함수의 인수가 객체일때, 매개변수 객체를 변경하면 인수도 변경됨
const obj = {
a: 1, b: 2, c: 3
}
function test(obj) {
obj.a = 100
return obj
}
test(obj)
{a: 100, b: 2, c: 3}
console.log(obj) // {a: 100, b: 2, c: 3}
- 일급함수(일급 객체)
함수를 다른 변수와 동일하게 다루는 언어는 일급 함수를 가졌다고 표현합니다.
- 변수, 자료구조에 할당 가능
- 무명의 리터럴로 표현이 가능하다.
- 함수의 매개변수로 전달
- 반환값을 사용할 수 있다
- 고차함수
- 매개변수를 통해 함수의 외부에서 콜백 함수를 전달받은함수
- 순수함수 와 비 순수함수
- 순수함수 : 외부의 영향을 받지도 주지도 않는 함수
- 비 순수함수 : 외부에 의존하거나, 외부상태를 변경하는 함수
스코프
- 변수의 유효범위
- 호이스팅은 스코프를 단위로 동작한다.
- 동적 스코프와 정적 스코프(렉시컬)
- 동적 스코프 : 함수를 호출하는 시점에 스코프 범위를 결정
- 정적 스코프 : 함수가 정의될 때 스코프 범위를 설정
var x = 1
function foo() {
var x = 10
bar()
}
function bar() {
console.log(x)
}
foo()
bar()
// 1
// 1
- 모듈 스코프 (ES6)
- Script tag에서 type="module"선언시 해당파일 안에서는 독립적인 모듈 스코프를 갖게됨
- exports 하지 않는이상 외부에서는 접근 불가
- 스크롤하다가 멈추면 특정 지점으로 snap하는 예제 따라해봄, https://greensock.com/docs/v3/Plugins/ScrollTrigger
- svg 레이아웃 공부 https://a11y.gitbook.io/graphics-aria/svg-graphics/svg-layout
- SQLD 기출문제 품(망했다 😢)
- 오라클 설치 안하고 웹에서 실행 가능한 사이트 발견