IFBAEMIN - 03

<script src="./src/server/firebase.js"></script> 를 사용하였을 때, auth.currentUser에 대한 값이 null이 나와서 계속 순서가 잘못됬나 하고 script의 순서를 바꾸다가 우연히

<script src="./src/app.js" type="module"></script>

script app의 type을 module로 했다는 것을 보고 혹시나 몰라서 type="module"을 추가로 넣었더니 null로 잡히던 user가 제대로 작동했다 그래서

script type module이 뭔지 알아봤더니

• 브라우저가 모듈로 인식해야 import / export 를 사용할 수 있습니다. 라는 글을 읽게 되었다.

https://2dubbing.tistory.com/83

javascript ES6 모듈(Module)

 

 

https://leesoo7595.github.io/2020/01/19/JavaScript_es6_module/

[ES6] Module

 

(두 글을 읽고 나니 더.. 혼란스러워졌다. 이 module 에 대한건, 내일 observer pattern을 추가한후 추가로 더 터치를 해봐야겠다. )

그동안의 막코딩과는 다르게 어떤모양과 어떤 기술을 넣고, 어떤 식으로 접근을 할지 방향을 정해서 그런지, 생각과 계획하는 시간이 더 많이 들어간거같다. 얼마전의 코드 리뷰에서 함수형으로 쪼개고, const와 같은 선언들을 앞으로 이동시키라는 피드백을 받았기에 이에 맞게 적응을 하고 있지만 아직은 많이 부족하다고 생각이들었고, 그동안 npm을 이용해서 clone을 받고나서, css를 변경과, 필요한 기능을 모아서 만들던 것과는 다르게, 어떤 기술을 넣기전에, 넣을 수 있는게 어떤게 있고 어떤게 장점이고, 예를들면, 로그인이 되었는지를 어디에 저장해서 관리를 할 것인가? 사실 예전이었으면 각 페이지 헤더에 user check를 넣고 다 리다이렉트를 시켰을꺼같은데, 요번에는, observer pattern을 통해서, 필요한 친구들(subscriber)에만 정보를 전달하는데 observer pattern의 장단 점은 무엇인가?(아래에 기입)

장점

1. 실시간으로 한 객체의 변경사항을 다른 객체에 전파할 수 있습니다.

2. 느슨한 결합으로 시스템이 유연하고 객체간의 의존성을 제거할 수 있다.

단점

1. 너무 많이 사용하게 되면, 상태 관리가 힘들 수 있습니다

2. 데이터 배분에 문제가 생기면 자칫 큰 문제로 이어질 수 있습니다.

이 단점을 커버하기 위해서, 어떤 것을 보안할건가? 등등 고민을 할 수 있었다.