U E D R , A S I H C RSS

Java Script/2011년스터디/3월�전


1. 진행 방�

  • 금요ì�¼ì�€ 공부해온 것ì�„ 발표하고 ê·¸ 다ì�Œ 화요ì�¼ì�€ ìž�ì‹ ì�´ 작성한 코드를 발표한다.
  • ìž�바스í�¬ë¦½íЏ 완벽 ê°€ì�´ë“œì�˜ 목차를 참고하여 진행한다.
    • 목차를 ë³´ê³  매주 ì �당한 분량으로 챕터를 묶어 ê·¸ 주 공부할 부분ì�„ 정한다.
  • ê·¸ 주 공부할 부분ì�€ 모ë‘� ê°™ì�´ 공부한다.
    • 서로 다른 챕터를 공부하여 발표하면 남ì�´ 공부한 부분ì�€ 겉핥기 ì‹�으로만 알게 ë�˜ëŠ” 경우가 많아서.
  • 발표는 ê°�ìž� 한 챕터씩 ë§¡ì•„ 발표한다.
    • 발표할 부분ì�€ 금요ì�¼ì—� 모여 제비뽑기로 결정한다.
    • 발표할 부분ì�´ 정해지면 소개할 샘플코드를 찾는다.

2. 규칙

  • 다른 참가ìž�들ì�´ 오지 않ì�„때는 3시 10분까지 기다린다.
    • ê·¸ ì�´í›„ì—�ë�„ 오지 않는 사람ì�€ 기다리지 않고 바로 진행한다.
  • 모든 참가ìž�는 잘 모르겠는 것, ê¶�금한 것, ë�” 공부하고 ì‹ì�€ 것 등 질문ì�„ 3가지 ì�´ìƒ� 준비한다.
  • 공부한 ë‚´ìš©ì�€ 3ë¶„ ì�´ìƒ� 발표한다.
  • 발표ìž�를 제외한 사람들ì�€ 들ì�€ 내용과 샘플 코드ì—�서 가장 ì�¸ìƒ�깊ì�€ ì � 3가지를 고른다.
  • 매 회 스터디 ë��나고 10ë¶„ê°„ 그날ì�˜ 스터디를 ë�Œì•„보는 시간ì�„ 갖는다.

3. ì§„í–‰

3.1. 1ì›”

3.1.1. ìœì„�ì²´í�¬

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(공사) 중간� 빠�

3.1.2. 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시간 걸렸어!!

  • ë�Œì•„보기
    • 오늘 스터디ì�˜ 좋았ë�˜ ì �
      • 서지혜 - 공부할때는 다 아는 것 같았ë�˜ 것ë�„ ì§�ì ‘ 설명해보니 잘 모르고 넘어간 것ì�´ 있다는 것ì�„ 알게ë�˜ì—ˆë‹¤.
      • 김수경 - 대충 ë³´ê³  넘어갔거나 잘 ì�´í•´ë¥¼ 못했ë�˜ 것ë�„ ê°™ì�´ 스터디하고 고민해보니 ë�” 명확히 알게ë�˜ì—ˆë‹¤.
      • ë°•ì •ê·¼ - ì§�ì ‘ 화면ì�„ ë�„워 코딩ì�„ 하며 진행하니 ë�” ì�´í•´í•˜ê¸° 좋았다.
    • 다ì�Œ 스터디ì—� ì �용하고 ì‹ì�€ ì �
      • 서지혜 - ë§�로만 설명하는 것보단 코드를 ë³´ë©° 설명하ë�„ë¡� 하겠다.
      • 김수경 - ì§‘ì—�서 ë ˆí�¼ëŸ°ìŠ¤ë§Œ 대충 찾아보지 않고 ì±…ë�„ 좀 참고하여 공부하겠다.
      • ë°•ì •ê·¼ - 좀 ë�” 정확한 최신ìž�료를 참고하겠다.

3.1.3. 11�

  • 과제 : 7ì�¼ë‚  ìž�ì‹ ì�´ 발표한 부분ì�„ ì§�ì ‘ 실습할 수 있는 코드 최소 1ê°œ 짜오기. 7ì�¼ 스터디 불참ìž�는 스스로 챕터 선정하여 코드를 짜오면 ë�œë‹¤.

3.1.4. 14�

  • 과제 : 8장 ~ 12장 공부해오기
  • 5시 ~ 7시 @ 6피
  • ë°•ì •ê·¼
    • ì�˜ë¬¸ì �
      • í�´ë¡œì €ì�˜ ì •ì�˜ì™€ 사용...ã… 
    • 알게ë�œ 것
      • 최ìƒ�위레벨ì�˜ 범위와 함수ì�˜ ì •ì�˜

function func(){
	여기가 최�위 레벨
	if(){
		여기는 차�위 레벨
		�곳�서는 함수� 정�가 불가능 하다.
	}
}
  • ì�¸ìƒ�깊었ë�˜ 것
    • ìž�바스í�¬ë¦½íЏì—�서 함수ì�˜ 전달ì�¸ìž�ê°€ 개수ì�˜ 제한ì�´ 없다는 ì �
    • 함수가 ë�°ì�´í„°ë¡œì�¨ 사용ë� ìˆ˜ 있다는ì �
      • var a = new Array(3);
      • a0 = function(x) { return x*x; };
      • a1 = 3;
      • a2 = a0(a1); //a2ì—�는 9ê°€ 저장ë�œë‹¤.
    • 프로토타입ì�˜ ì •ì�˜ì™€ 사용 ìƒ�ì†�부분ì�´ 다른 언어와는 다르다.
  • 서지혜
    • ì�˜ë¬¸ì �
      • í�´ë¡œì €ì�˜ 정확한 ì •ì�˜ë¥¼ 알고싶다. 유효범위와 관계있다는 것ì�€ 알았ì�Œ
      • 슈ë�„ í�´ëž˜ìŠ¤ëž€ 함수로서 ì„ ì–¸ë�˜ê¸° 때문ì�¸ê°€?
    • 알게ë�œ ì �
      • Argument는 실행중ì�¸ 함수ì�˜ 정보를 ì •ì�˜í•œë‹¤ : 함수ì—� 넘기는 파ë�¼ë©”í„°ê°€ 유ë�™ì �ìž„..
      • 중첩ë�œ 함수는(ë‚´ë¶€ 함수) ì�µëª… 함수ì�´ë©´ì•ˆë�¨
      • ìž�바스í�¬ë¦½íŠ¸ëŠ” 급조ë�œ 기능ì�´ 몇몇 있는 것 ê°™ì�Œ(네임스페ì�´ìŠ¤ë¥¼ ê°�체로 선언함)
  • 김수경
    • ì�˜ë¬¸ì �
    • 알게ë�œ ì �

3.1.5. 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]
  • 알게ë�œ ì �
    • ì¡´ ë ˆì‹�ì�´ í�´ëž˜ìŠ¤ë¥¼ 구현한 코드를 보았다!!
    • ìž�바스í�¬ë¦½íЏì�˜ ìƒ�ì†�ì�´ 기존 ê°�체지향 언어와 다름ì�„ 알게ë�˜ì—ˆë‹¤
    • 슈í�¼í�´ëž˜ìФ, 서브í�´ëž˜ìŠ¤í™”ë¥¼ 배웠다

3.1.6. 21�

  • 과제 : 13장 ~ 15장 공부해오기

3.1.7. 25�

  • 과제 : Toy Program 짜오기
  • 서지혜
    • ì�´ê±´ 토ì�´ë�„ 아니다

3.1.8. 28�

  • 과제 : 16장 ~ 18장 공부해오기

3.2. 2ì›”

3.2.1. ìœì„�ì²´í�¬

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

3.2.2. 1�

  • CSS, Event, Form Element

3.2.3. 4�

  • 설 연휴ë�¼ 취소

3.2.4. 8�

  • 프로ì �트 ê²°ì •
    • ë�™ë„¤ 메신저 앱

3.2.5. 11�

  • 프로ì �트 대신 오픈 소스 코드 ë¶„ì„�하기로 ê²°ì •
    • jQuery, Sizzle, JSON-js 중 고민하다 간단한 JSON-js를 ë¶„ì„�하기로 함
    • ë¶„ì„�한 ë‚´ìš©ì�€ 위키ì—� 정리하고 정모ì—�서 세미나 하기로 함

3.2.6. 15�

  • 과제
    • json2.js 소스 ë��까지 ì�½ì–´ì˜¤ê¸° : ì–´ë–¤ 기능들ì�´ 있는지 파악할 것
    • ìž�율ì �으로 function 3가지 골ë�¼ 어떻게 ìž‘ë�™í•˜ëŠ”ì§€ ì�´í•´í•  것

3.2.7. 18�

  • 과제
    • json2.js 소스 ë��까지 ì�½ì–´ì˜¤ê¸° : ì–´ë–¤ 기능들ì�´ 있는지 파악할 것
    • ìž�율ì �으로 function 3가지 골ë�¼ 어떻게 ìž‘ë�™í•˜ëŠ”ì§€ ì�´í•´í•  것

3.2.8. 22�

  • 과제
    • JavaScript/2011년스터디/JSON-jsì—� ì“´ ì�˜ë¬¸ì � 해결해오기
    • 오늘 ë¶„ì„� 못한 남ì�€ 부분 공부해오기

Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:23:30
Processing time 0.0124 sec