2021.12.27의 기록

- 오늘의 평가 및 느낀점 - 

=> 오늘부터 새벽 운동을 하고 학원에 온다. 아침에 피곤하지만 좀 움직여줘야 머리도 잘 돌아가는 것 같다. 주말 내내 팀프로젝트에 대해 생각을 했다. 쉽진 않다. 생각을 마친대로 방향 제시?를 해주는 것도 좀 웃기지만 그래도 하기로 했다. 확실히 혼자 하는 게 제일 마음이 편할 수도 있지만 최대한 긍정적인 생각을 할 것이다. 생각보다 적극적인 면이 있으셨기 때문이다. JDBC 숙제를 내줬다. 그 동안 내 공부와 할 것을 하면서 주말까지 기다려보기로 했다. 오늘 자기소개서를 처음으로 써봤는데 생각보다 글을 쓰는게 어려웠다. 2차 상담을 대비해 두괄식으로 써보는 연습을 간간히 해야겠다. 

시간을 더 효율적으로 써버릇하자. 기록하는 습관을 들이자. 뭔가 해야 되는 생각이 나면 바로바로 기록장이나 메모장 ㄱㄱ.

---

- 오늘 공부 계획 -

• 자바스크립트 복습
• 대면 나오는 팀원 케어(공부 방향성 제시)
• JVM 구조 및 접근 지정자 공부 (다음에)

---

- 공부 내용 - 

 

[세미팀플]

*기본 질문
=> 

- 자바 개념 확실하게 답변 받고 또 숙제 내주기 (기본적인 개념 공부) 
- 내가 알아서 떠 먹여주지 말자 (자기객관화 시켜서 모르는 걸 인지 면담을 통한 현실적인 공부 방향 제시)
- 내 옆에 앉혀서 사람이랑 먼저 친해지자 어떤 성격인지 파악 (대면을 나오게 시키자)
- 말투 느긋하게 고치기 (여유롭게)

 

1. 일단 지금 배우는 진도 어떤지 물어보기
=> 자스나 html 진도 관련해서 

=> dh : Html 코드 읽고 확인 가능 js 도 이해중 (대신 콜백 함수가 취약하단다 : 알려줌)

=> sh : 수업 들을때는 이해되는데 진도도 빠르고 용어들이 많아서 힘들다.

=> sj : 수업 들을때는 이해되는데 진도도 빠르고 용어들이 많아서 힘들다.

 

2. 카페 가서 물어보기
=> dh : 저번 금요일에 속사포 강의 괜찮았다고 함. 하지만 완벽한 기억은 못함.(메모리 영역) 모르는 거 인지 시켜주는 걸 바람. (객관화)공부 방향성 제시 시켜드리는 걸 원함. (ㅇㅋ...) 모르는 부분 공부하다가 구글링, or 물어보길 권함

===> 평일 같이 스터디는 무리. 주말 하루 강남 스터디룸 와서 모르는 것 주입 강의. (ㅇㅋ함) 평일에 2, 3일 나오는 건 무리라고 생각하심. HTML, CSS 본인 만들어 본 것에서 가능성? 을 봄 아이디어 의견 제시 적극적. / 내일 JDBC 얘기할 생각

=> sh : 집 가면서 확실히 할 예정 (부팀장의 역할) - 협상 완료 (카톡 잘 보겠다고 함) / JDBC 숙제 시킴 이번주까지

=> sj : 밤 10:30 디코 예정 실력 파악 (DB) - 완료 : JDBC 숙제 시킴 이번주까지 / 지금 배우는 CSL 열심히 복습하라고 조언/ 모르면 제발 물어봐라.

3. 모르는 걸 인지시킨 뒤에 새로운 공부

=> 보류

 

=> 각자 참고할 사이트 정한 후 (크롤링 가능여부 확인까지) 내일 공유 및 기획서 (역할 분담) 작성 예정 디코모임 

자바스크립트

• 클로저 함수(Closure Function)

1. 내부함수를 반환받아 함수 외부에서 호출되어 실행되는 함수
2. 내부함수는 선언된 함수에서만 호출 가능
3. 내부함수를 함수 외부에서 호출하면 에러 발생
4. 함수변수를 사용하지 않고 내부함수를 반환받아 직접 호출 가능

• 타이머 내장함수 - 시간관련 함수

1. setTimeout(callback, ms) : 시간(ms) 경과 후 콜백함수에 작성된 명령을 한번만 실행하는 함수 - timeoutId(setTimeout 함수 호출의 식별자) 반환
2. clearTimeout(timeoutId) : setTimeout 함수 호출의 식별자를 전달받아 setTimeout 함수 호출을 취소 처리하는 함수
3. setInterval(callback, ms) : 시간(ms)마다 콜백함수에 작성된 명령을 반복 실행하는 함수
4. clearInterval(intervalid) : setInterval 함수 호출의 식별자를 전달받아 setInterval 함수 호출을 취소 처리하는 함수

• 내장함수 - 부호화 또는 복호화 관련 함수

1. URL 주소는 영문자, 숫자. 일부 특수문자만으로 표현 ⇒ QueryString을 사용하여 요청 문서(웹프로그램) 값을 전달.
2. 문제점 : QueryString에는 URL 주소를 표현 불가능한 문자 포함 가능 - 값이 비정상적으로 전달
3. 해결법 : URL 주소로 표현 불가능한 문자를 표현 가능한 문자로 변환하여 전달 - 부호화 처리
4. 복호화 처리 : 부호화 처리된 문자를 원래 문자로 변환
5. encodeURI(string) 또는encodeURIComponent(string) : 문자값을 전달받아 부호화 처리하여 반환하는 함수
6. decodeURI(string) 또는 decodeURIComponent(string) : 부호화 처리된 문자값을 전달 받아 복호화 처리하여 반환하는 함수

• 내장 함수 - eval 함수

1. eval(string) : 문자값을 전달받아 자바스크립트 명령으로 변환하여 반환
2. 함수 선언 형식의 문자 값을 eval 함수로 전달받아 명령으로 처리할 경우 함수는 미리 생성되도록 () 연산자를 사용하여 작성

• 내장 함수 - isNan 함수

1. isNaN(Value) : 전달 값이 숫자로만 구성된 경우 false를 반환하고 숫자로만 구성되지 않은 경우 true를 반환하는 함수

• 내장 함수 - isFinite 함수

1. 전달 값이 무한수인 경우 false를 반환하고 무한수가 아닌 경우 true를 반환하는 함수

• 내장 함수 - 숫자값 변환 함수
• 클래스 함수

1. 메소드 : 객체함수가 저장된 변수(멤버함수)
2. 클래스 함수 선언 - 클래스 함수는 일반함수와 구분하기 위해 첫문자를 대문자로 작성
3. => 클래스 함수에는 값이 저장된 프로퍼티(Property)와 함수가 저장된 메소드(Method) 선언
4. => 클래스 함수의 매개변수를 이용하여 값을 전달받아 프로퍼티의 초기값으로 저장
5. this : 클래스 함수에서 객체 자신을 표현하기 위한 키워드
6. => 클래스 함수에서는 this 키워드로 요소(프로퍼티 또는 메소드)를 표현
7. 프로퍼티(Property) : 객체값이 저장된 변수(멤버변수)
8. 메소드(Method) : 객체함수이 저장된 변수(멤버함수) ⇒ 메소드에서는 this 키워드로 프로퍼티 사용 가능
9. new 연산자를 클래스 함수를 호출하여 객체 생성 후 변수 저장 - 객체 변수
10. in 연산자 : 객체의 요소를 확인하는 연산자 - 형식) “요소명” in 객체
11. ⇒ 객체에 존재하는 요소가 아닌 경우 false를 제공하고 요소인 경우 true를 제공
12. for 구문에서 in 연산자를 이용하여 일괄처리 가능- 형식) for(변수명 in 객체) { 명령;....} ⇒ 객체의 요소명을 제공받아 변수에 저장하여 반복처리 ⇒ 요소를 제공받아 객체 요소를 표현할 경우 [ ] 연산자 사용
13. with (객체) : 객체의 요소를 객체 표현 없이 접근하는 기능을 제공하는 명령

• 프로토타입 메소드

1. 클래스 함수로 객체를 생성할 경우 클래스 함수에 선언된 프로퍼티와 메소드가 객체의 요소로 생성
2. 프로퍼티는 객체마다 다른 값을 저장하기 위해 따로 생성되는 것이 맞지만 메소드는 같은 함수를 객체마다 저장하는 것은 비효율적 사용 방법
3. 메소드는 프로토타입 메소드로 선언하여 객체와 상관없이 하나만 생성되어 모든 객체가 공유하여 사용하는 것을 권장

• Object 클래스 함수

1. 프로퍼티와 메소드가 하나도 선언되지 않은 클래스 함수
2. 생성된 Object 객체에 요소(프로퍼티 또는 메소드)를 추가하여 사용 - 원하는 요소의 객체를 하나만 생성
3. Object 객체를 보다 쉽게 생성하여 사용할 수 있도록 JSON 기능 제공 ⇒ Javascript Object Notation) : 자바스크립트 객체 표기법
4. ⇒ Object 객체 : {} (new Object()), Array 객체 : [] (new Array())
5. JSON을 이용하면 Object 객체 생성 시 요소의 초기화 설정 가능 - 형식) var 변수명 = {”요소명” : 값,....,”요소명” : 함수}

• Array 클래스 함수

1. 값을 여러 개 저장하는 객체(배열)를 생성하기 위한 클래스 함수 - 객체에 대한 프로퍼티와 메소드 제공
2. Array.length : Array 객체의 배열 요소의 갯수가 저장된 프로퍼티
3. Array.toString() : Array 객체의 모든 배열 요소값을 문자값으로 반환 ⇒ Array 객체가 저장된 변수의 요소 값 출력시 toString 메소드 호출
4. Array(size) : 원하는 갯수 배열 요소를 가진 Array 객체 생성 ⇒ 배열 요소에는 null이 저장
5. Array(value, .....) : 매개 변수에 전달되 낙ㅄ이 저장된 배열 요소를 저장 ⇒ 전달값의 갯수만큼 배열 요소 생성
6. 배열 요소를 표현하는 첨자 잘못 사용한 경우 [undefined]로 표현
7. for 구문에 in 연산자 사용하여 Array 객체의 배열 요소 첨자 제공 받아 일괄처리 가능
8. Array.forEach(Callback(element[,index][,array])) : Array 객체의 배열 요소에 대한 일괄처리 기능을 제공하는 메소드 ⇒ 콜백함수의 매개변수에는 배열의 요소값과 첨자, Array 객체가 자동 저장되어 일
9. JSON(JavaScript Object Notation)의 [ ] 기호를 사용하여 Array 객체 생성 - 형식) var 변수명 = [값, 값....]
10. Array.push(value) : Array 객체의 마지막 위치에 배열 요소를 생성하여 전달값을 저장하는 메소드 - 배열 요소 추가

 

 

 

---

- 스터디 계획 및 결과 - 

> 자바스크립트 배운 거 복습 (클래스 함수, 프로퍼티, 메서드 중요, 프로토타입)