JavaScript/2011년스터디/3월이전 - Revision history

Maintenance script: Repair batch-0002 pages from live compare

2026-03-27T00:16:05Z

Repair batch-0002 pages from live compare

← Older revision		Revision as of 00:16, 27 March 2026
Line 22:		Line 22:
	== 1월 ==		== 1월 ==
	=== 출석체크 ===		=== 출석체크 ===
	{\| class="wikitable"		{\| class="wikitable" style="width:100%;"
	\|-		\|-
	\|		\|
Line 93:		Line 93:
	** 알게된 것		** 알게된 것
	** 블록 단위의 유효범위가 없다.		** 블록 단위의 유효범위가 없다.
	** var a = [[1,,3]]; a.length -> 3, var a = [[,,]]; a.length -> 2; 인 이유		** var a = 1,,3; a.length -> 3, var a = ,,; a.length -> 2; 인 이유
	** 리터럴의 정의		** 리터럴의 정의
	** 인상깊었던 것		** 인상깊었던 것
Line 119:		Line 119:
	** with함수 사용시 발생할 수 있는 오류에 대해 알고싶다...(책에서는 생략함)		** with함수 사용시 발생할 수 있는 오류에 대해 알고싶다...(책에서는 생략함)
	** 알게된 것		** 알게된 것
	** var a = [[,,]];에서 a의 길이가 2인 이유(해결! 맨 마지막 콤마의 뒤는 무시됨)		** var a = ,,;에서 a의 길이가 2인 이유(해결! 맨 마지막 콤마의 뒤는 무시됨)
	** 인상깊었던 것		** 인상깊었던 것
	** 레퍼런스로 함수를 직접 보면서 하니까 한눈에 들어와 좋았다		** 레퍼런스로 함수를 직접 보면서 하니까 한눈에 들어와 좋았다
Line 185:		Line 185:
	** 자바스크립트에서의 다이나믹 프로그래밍이란 뭐지?		** 자바스크립트에서의 다이나믹 프로그래밍이란 뭐지?
	** 종하가 가져온 코드		** 종하가 가져온 코드
	Object.prototpye.toString.apply(); // [Object Global]		Object.prototpye.toString.apply(); // [Object Global]
	Object.prototpye.toString.apply(o); // [Object Array]		Object.prototpye.toString.apply(o); // [Object Array]
	** 알게된 점		** 알게된 점
	** 존 레식이 클래스를 구현한 코드를 보았다!!		** 존 레식이 클래스를 구현한 코드를 보았다!!
Line 201:		Line 201:
	== 2월 ==		== 2월 ==
	=== 출석체크 ===		=== 출석체크 ===
	{\| class="wikitable"		{\| class="wikitable" style="width:100%;"
	\|-		\|-
	\|		\|
Line 274:		Line 274:
	=== 22일 ===		=== 22일 ===
	* 과제		* 과제
	** [[JavaScript/2011년스터디/JSON-~~js]]에~~ 쓴 의문점 해결해오기		** JavaScript/2011년스터디/JSON-js에 쓴 의문점 해결해오기
	** 오늘 분석 못한 남은 부분 공부해오기		** 오늘 분석 못한 남은 부분 공부해오기
	----		----
	[[JavaScript/2011년스터디]]		[[JavaScript/2011년스터디]]

imported>linflus at 12:03, 29 March 2011

2011-03-29T12:03:18Z

← Older revision		Revision as of 12:03, 29 March 2011
Line 1:		Line 1:
	__TOC__		__TOC__
			* 2011년 겨울방학동안 JavaScript를 공부하는 모임.
			* 스터디 시간 : 매 주 '''화요일 3시, 금요일 5시'''.
	* 참가자 : [[김수경]], [[박정근]], [[서지혜]], [[윤종하]], [[정의정]]		* 참가자 : [[김수경]], [[박정근]], [[서지혜]], [[윤종하]], [[정의정]]
	= 진행 방식 =		= 진행 방식 =

imported>linflus at 12:01, 29 March 2011

2011-03-29T12:01:49Z

@@ Line 1: / Line 1: @@
 __TOC__
 * 참가자 : [[김수경]], [[박정근]], [[서지혜]], [[윤종하]], [[정의정]]
 == 1월 ==
 === 출석체크 ===

imported>linflus at 11:39, 29 March 2011

2011-03-29T11:39:26Z

← Older revision		Revision as of 11:39, 29 March 2011
Line 1:		Line 1:
	__TOC__		__TOC__
			* 참가자 : [[김수경]], [[박정근]], [[서지혜]], [[윤종하]], [[정의정]]
	== 1월 ==		== 1월 ==
	=== 출석체크 ===		=== 출석체크 ===
Line 14:		Line 15:
	\| 28일		\| 28일
	\|-		\|-
	\| 김수경		\| [[김수경]]
	\| O		\| O
	\| O		\| O
Line 24:		Line 25:
	\| X		\| X
	\|-		\|-
	\| 박정근		\| [[박정근]]
	\| O		\| O
	\| O		\| O
Line 34:		Line 35:
	\| X		\| X
	\|-		\|-
	\| 서지혜		\| [[서지혜]]
	\| O		\| O
	\| O		\| O
Line 44:		Line 45:
	\| X		\| X
	\|-		\|-
	\| 윤종하		\| [[윤종하]]
	\| X(몸살)		\| X(몸살)
	\| X(신검)		\| X(신검)
Line 54:		Line 55:
	\| O		\| O
	\|-		\|-
	\| 정의정		\| [[정의정]]
	\| O		\| O
	\| X(공사)		\| X(공사)
Line 90:		Line 91:
	** try/throw/catch/finally 의 사용 -> finally는 모든 try, catch를 나와서 사용		** try/throw/catch/finally 의 사용 -> finally는 모든 try, catch를 나와서 사용
	** 가비지 컬렉션 -> 모든 인스턴스가 사라진 쓸모없는 '가비지'는 알아서 처리함		** 가비지 컬렉션 -> 모든 인스턴스가 사라진 쓸모없는 '가비지'는 알아서 처리함
	*인상깊었던점		** 인상깊었던점
	** 문자나 숫자, ""사이에 들어가 것들을 '리터럴'이라고 부르며 따로 구분한다.		** 문자나 숫자, ""사이에 들어가 것들을 '리터럴'이라고 부르며 따로 구분한다.
	** new bolleon(false)는 flase와 같지 않고 객체로써 인식!! if(new booleon(false)) 따위로 쓰면 안됨		** new bolleon(false)는 flase와 같지 않고 객체로써 인식!! if(new booleon(false)) 따위로 쓰면 안됨

imported>linflus at 11:37, 29 March 2011

2011-03-29T11:37:24Z

← Older revision		Revision as of 11:37, 29 March 2011
Line 1:		Line 1:
			__TOC__
	== 1월 ==		== 1월 ==
	=== 출석체크 ===		=== 출석체크 ===

imported>linflus at 11:37, 29 March 2011

2011-03-29T11:37:10Z

New page

== 1월 ==
=== 출석체크 ===
{| class="wikitable"
|-
|
| 4일
| 7일
| 11일
| 14일
| 18일
| 21일
| 25일
| 28일
|-
| 김수경
| O
| O
| O
| O
| O
| O
| O
| X
|-
| 박정근
| O
| O
| O
| O
| X
| X
| X
| X
|-
| 서지혜
| O
| O
| O
| O
| O
| O
| O
| X
|-
| 윤종하
| X(몸살)
| X(신검)
| O
| X
| O
| X
| O
| O
|-
| 정의정
| O
| X(공사)
|
|
|
|
|
| ''중간에 빠짐''
|}
=== 7일 ===
* 과제 : 1장 ~ 7장 공부해오기
* 3시 ~ 6시 @ 6피
* 김수경
** 의문점
** var로 생성한 변수는 delete할 수 없다는데 실제 해보니 되었다.
** for each문을 사용하는 법.
** 알게된 것
** 블록 단위의 유효범위가 없다.
** var a = [[1,,3]]; a.length -> 3, var a = [[,,]]; a.length -> 2; 인 이유
** 리터럴의 정의
** 인상깊었던 것
** var a; -> 지역변수, a; -> 전역변수
** void 연산자를 사용하면 피연산자의 값에 상관없이 undefined를 반환한다.
** 다음 코드 실행 시 첫 출력은 undefined이고 다음 출력은 local이다.
var scope = "global";
function f(){
alert(scope);
var scope = "local";
alert(scope);
}
* 박정근
*의문점(해결)
** 레이블의 의미 -> C의 goto와 비슷.
** try/throw/catch/finally 의 사용 -> finally는 모든 try, catch를 나와서 사용
** 가비지 컬렉션 -> 모든 인스턴스가 사라진 쓸모없는 '가비지'는 알아서 처리함
*인상깊었던점
** 문자나 숫자, ""사이에 들어가 것들을 '리터럴'이라고 부르며 따로 구분한다.
** new bolleon(false)는 flase와 같지 않고 객체로써 인식!! if(new booleon(false)) 따위로 쓰면 안됨
** 변수 선언시에 'var a=3'같은 식은 지역변수, 'a=3' 같은식은 전역변수 이다.
* 서지혜
** 의문점
** var로 선언한 변수는 delete가 안된다더니 되는데?!
** with함수 사용시 발생할 수 있는 오류에 대해 알고싶다...(책에서는 생략함)
** 알게된 것
** var a = [[,,]];에서 a의 길이가 2인 이유(해결! 맨 마지막 콤마의 뒤는 무시됨)
** 인상깊었던 것
** 레퍼런스로 함수를 직접 보면서 하니까 한눈에 들어와 좋았다
** 모르는게 생겼을 때 코드를 직접 타이핑해 결과를 보며 스터디하니 이해가 잘 갔다(굿)
** 와 세명이서 하는데 3시간 걸렸어!!
----
* 돌아보기
** 오늘 스터디의 좋았던 점
** 서지혜 - 공부할때는 다 아는 것 같았던 것도 직접 설명해보니 잘 모르고 넘어간 것이 있다는 것을 알게되었다.
** 김수경 - 대충 보고 넘어갔거나 잘 이해를 못했던 것도 같이 스터디하고 고민해보니 더 명확히 알게되었다.
** 박정근 - 직접 화면을 띄워 코딩을 하며 진행하니 더 이해하기 좋았다.
** 다음 스터디에 적용하고 싶은 점
** 서지혜 - 말로만 설명하는 것보단 코드를 보며 설명하도록 하겠다.
** 김수경 - 집에서 레퍼런스만 대충 찾아보지 않고 책도 좀 참고하여 공부하겠다.
** 박정근 - 좀 더 정확한 최신자료를 참고하겠다.
=== 11일 ===
* 과제 : 7일날 자신이 발표한 부분을 직접 실습할 수 있는 코드 최소 1개 짜오기. 7일 스터디 불참자는 스스로 챕터 선정하여 코드를 짜오면 된다.
=== 14일 ===
* 과제 : 8장 ~ 12장 공부해오기
* 5시 ~ 7시 @ 6피
* 박정근
** 의문점
** 클로저의 정의와 사용...ㅠ
** 알게된 것
** 최상위레벨의 범위와 함수의 정의
function func(){
여기가 최상위 레벨
if(){
여기는 차상위 레벨
이곳에서는 함수의 정의가 불가능 하다.
}
}
** 인상깊었던 것
** 자바스크립트에서 함수의 전달인자가 개수의 제한이 없다는 점
** 함수가 데이터로써 사용될수 있다는점
*** var a = new Array(3);
*** a[0] = function(x) { return x*x; };
*** a[1] = 3;
*** a[2] = a[0](a[1]); //a[2]에는 9가 저장된다.
** 프로토타입의 정의와 사용 상속부분이 다른 언어와는 다르다.
* 서지혜
** 의문점
** 클로저의 정확한 정의를 알고싶다. 유효범위와 관계있다는 것은 알았음
** 슈도 클래스란 함수로서 선언되기 때문인가?
** 알게된 점
** Argument는 실행중인 함수의 정보를 정의한다 : 함수에 넘기는 파라메터가 유동적임..
** 중첩된 함수는(내부 함수) 익명 함수이면안됨
** 자바스크립트는 급조된 기능이 몇몇 있는 것 같음(네임스페이스를 객체로 선언함)
* 김수경
** 의문점
** 알게된 점
=== 18일 ===
* 과제 : 8장 ~ 12장 코드 짜보기 or 찾아오기
* 김수경
** 의문점
** 네임스페이스 사용 시 org.zeropage.namespace는 되고 org.zeropage.namespace.function1은 안 되는 이유
** 익명함수를 사용한 Dynamic programming
** 함수 내부에서 arguments 객체에 함부로 접근할 경우 생길 수 있는 문제점
** 알게된 점
** 함수 안에 익명함수 중복으로 쓸 경우 즉시 호출하거나 변수에 넣어 호출 가능하게 만들어야 한다.
* 서지혜
** 의문점
** 네임스페이스 생성시 {}를 해주어야 하는이유
** 네임스페이스 사용 시 org.zeropage.namespace는 되고 org.zeropage.namespace.function1은 안 되는 이유
** 자바스크립트에서의 다이나믹 프로그래밍이란 뭐지?
** 종하가 가져온 코드
Object.prototpye.toString.apply(); // [Object Global]
Object.prototpye.toString.apply(o); // [Object Array]
** 알게된 점
** 존 레식이 클래스를 구현한 코드를 보았다!!
** 자바스크립트의 상속이 기존 객체지향 언어와 다름을 알게되었다
** 슈퍼클래스, 서브클래스화를 배웠다
=== 21일 ===
* 과제 : 13장 ~ 15장 공부해오기
=== 25일 ===
* 과제 : Toy Program 짜오기
* 서지혜
** 이건 토이도 아니다
=== 28일 ===
* 과제 : 16장 ~ 18장 공부해오기
== 2월 ==
=== 출석체크 ===
{| class="wikitable"
|-
|
| 1일
| 4일
| 8일
| 11일
| 15일
| 18일
| 22일
| 25일
|-
| 김수경
| O
| 취소
| O
| O
| X
| O
|
|
|-
| 서지혜
| O
| 취소
| O
| O
| X
| O
|
|
|-
| 박정근
| X(아파서)
| 취소
| O
| O
| O
| O
|
|
|-
| 윤종하
| X
| 취소
| X
| X
| X
| X
|
|
|}
=== 1일 ===
* CSS, Event, Form Element
=== 4일 ===
* 설 연휴라 취소
=== 8일 ===
* 프로젝트 결정
** 동네 메신저 앱
=== 11일 ===
* 프로젝트 대신 오픈 소스 코드 분석하기로 결정
** [[jQuery]], [http://sizzlejs.com/ Sizzle], [https://github.com/douglascrockford/JSON-js JSON-js] 중 고민하다 간단한 JSON-js를 분석하기로 함
** 분석한 내용은 위키에 정리하고 정모에서 세미나 하기로 함
=== 15일 ===
* 과제
** [https://github.com/douglascrockford/JSON-js/blob/master/json2.js json2.js] 소스 끝까지 읽어오기 : 어떤 기능들이 있는지 파악할 것
** 자율적으로 function 3가지 골라 어떻게 작동하는지 이해할 것
=== 18일 ===
* 과제
** [https://github.com/douglascrockford/JSON-js/blob/master/json2.js json2.js] 소스 끝까지 읽어오기 : 어떤 기능들이 있는지 파악할 것
** 자율적으로 function 3가지 골라 어떻게 작동하는지 이해할 것
=== 22일 ===
* 과제
** [[JavaScript/2011년스터디/JSON-js]]에 쓴 의문점 해결해오기
** 오늘 분석 못한 남은 부분 공부해오기
----
[[JavaScript/2011년스터디]]