221108_TIL

posinity·2022년 11월 8일

개요

날짜 : 2022 - 11 - 08
시간 : 09:00 ~ 23:00
장소 : 센터

교육목적 : 혼자 공부하는 자바스크립트 공부
중점사항 :
1. 혼자 공부하는 자바스크립트 : 3챕터까지 공부하기
2. TIL 작성
3. 스터디로 공부내용 공유

일일체크

  1. 목표를 세우고 교육에 들어갔다 ⭕
  2. 교육에 집중해 최선을 다해 노력했다 ⭕
  3. 교육을 통해 개발에 대한 자신감을 얻었다 🔺
  4. 교육 후 TIL 및 개발블로그를 작성했다 ⭕

훈련 세부내용

1. 혼자 공부하는 자바스크립트 챕터 1~3 공부

[혼자 공부하는 자바스크립트] 1. 자바스크립트 개요와 개발 환경 설정
[혼자 공부하는 자바스크립트] 2-1 기본 자료형, 2-2 상수와 변수
[혼자 공부하는 자바스크립트] 3. 조건문

2. 담임선생님 멘토링

항해 99 8기 수료생이고, 지난달 8월 수료했다고 하셨음.

깊이있는 개발자가 되어야 함.

실제로 구현했을때 어떻게 구현했나
이런 에러는 어떻게 해결했나
리액트 어떻게 돌아가는지 아세요?
html에 대해 설명해보세요
같은 원론적 질문을 채용과정에서 많이 함.

이런것을 질문했을때 답을 어떻게 할지를 생각해둬야 함

내 질문

Q. 디자인적인 강점을 보여줘야 할거 같아서 프로젝트에 집중하려고 하는데 얘기를 들어보니 원론적 지식도 중요한거 같다. 어디에 더 집중을 해야 하나?
A. 뷰적인 것은 나중에 디자이너가 잡아줌. 어짜피 개발을 할 거면 원론적인 것은 필요하다.
디자인 강점을 드러내고 싶으면 ux적인 것을 좀 더 보여주는게 좋을듯. 디자이너가 이런 점을 놓치신거 같아서 이런것을 구현을 했다. 라는 식의 작업물을 내면 좋을 것 같다.

3. 스터디 공유

true 인데 거기에 = true 를 쓰면 중복임
함수 -> 객체로 사용될 수 있음

값에 의한 전달 (passed by value) vs 참조에 의한 전달 (passed by reference)

  • 원시타입이든 객체든, 변수로 선언되면 변수에 연결되는 메모리 주소가 있음 (없으면 재사용 불가)
  • 원시타입과 객체를 구별하는 기준은 변수의 ‘value’에 ‘value’가 전달되는가 ? ‘reference’가 전달되는가의 차이
  • value가 두번 나와서 말장난 같지만 변수는 기본적으로 값을 갖도록 되어 있고, 변수의 값의 값이 value인가 reference인가의 차이.
<script>
let foo = "baz"
foo = "paz"
// foo라는 variable의 값(value)이 "baz"라는 값(value)으로 전달, 메모리 주소는 #001로 가정
// 값속의 값 ..
let boo = {name : "baz"}
// boo라는 variable이 선언될 때 #002라는 메모리 주소를 갖는다고 가정하겠음
// boo(variable)의 값(value)이 {name:"baz"}라는 값(value)가 아닌, 
// 메모리 주소와 관계를 갖는 <#002> 와 같은 reference로 전달 됨
let poo = boo; // poo의 value => <#002>
poo.name="kaz" // poo.name => "kaz" , boo.name => "kaz"
boo = {name:"abc"} //
</script>

자바스크립트 개발자라면 알아야 할 33가지 개념 #2 자바스크립트의 원시 타입(Primitive Type) (번역)
-> 잘 이해 안감..

4. 기술매니저님 멘토링

개발자가 예측하지 못한 코드들은 많이 안씀

  • “52” : 양수를 표시하고 싶어서 쓴걸꺼야 > 하고 숫자로 형변환

typeof(null) = object 뜸
자바스크립트 만들 때 null 조건을 깜박해서 일어나는 일

짧은 연산자

post && ()
post에 값이 들어오면 () 뒤에껄 해줘
ui 할때 많이 씀
|| 앞에 있는 값을 고정적으로 보여주되(디폴트로) 없으면 뒤에있는 것을 보여줘

삼항연산자
리액트에서 많이 씀 리액트는 괄호를 쓸 수 없어서? if문을 쓸 수 없어서?

할당을 먼저 하냐 연산을 먼저 하냐
++전위 : 연산 먼저 함
후위++ : 할당 먼저 함

프론트엔드 면접질문

Dom이 무엇인가
동작원리는?
이런거
면접에 많이 나옴

중고급자 전용 책 읽기 > 공식문서 > 정리된 블로그 보기

머리속에서 브라우저란 뭘까,리액트란 뭘까 라는 것을 계속 생각해보는 것이 필요함

피드백

잘한 점(강점)

  1. 목표한 챕터 3까지 강의도 듣고 정리도 끝냈다
  2. 자바스크립트 문법에 대해 그래도 어느정도는 이해가 가고 정리가 된다
  3. 원론적 지식의 공부 필요성을 느꼈다
  4. 문제 풀때 안됐던 것들도 정리하고 있는데, 정리하고 나니 내가 왜 이런 부분을 이렇게 풀었고, 이래서 안됐구나 라는게 정립이 된다. 앞으로도 안된 것도 정리해야겠다.

아쉬웠던 점

  1. 더 깊게 알고 싶은 부분들이 있었는데 (원시타입, swift조건문 등) 시간상 깊게는 못들어가고 이정도까지만 알자 하고 넘어간 부분들이 있었는데 아쉽다.

오늘 교육에 대한 나의 평가

공부를 하면 할수록 배우고 싶은게 많다. 자바스크립트 문법도 더 알아가고 싶고 동작원리 작동원리도 알고 싶고 ux적인 것도 알고 싶고.. 공부는 해도 끝이 없고 알아야 할게 많다라는 생각이 든다. 오늘 하루는 배움에 대한 동기를 일깨워주는 하루였다. 또 내가 많이 부족하다는 것을 느끼는 하루기도 하다. 그래서 오늘 교육은 아주 좋았다!

내일 교육에 대한 나의 각오

  1. 내일은 시험이다. 시험은 요구사항까지 빨리 하고 빨리 낸다.
  2. 그 이후는 3챕터까지 한번 복습해보고 챕터 4 공부하던지 오라클 서버로 연결시켜본다.
profile
문제를 해결하고 가치를 제공합니다

0개의 댓글