201105_TIL

oh_ji_0·2020년 11월 5일

TIL

목록 보기

55/61

TODAY I LEARNED

react 포트폴리오 웹페이지 리팩토링

nodemailer 모듈 사용 (smtp)

ssl 인증서 적용 (미완료)

나스 시놀로지 웹서버 세팅 및 DNS 설정

@@ 오늘은 마무리짓지 못했던 리액트 포트폴리오 페이지를 정리하고 마무리 짓는 시간을 가졌다.

사실 아직도 군데군데 걸리고 마음에 안드는게 많다. 있던 페이지를 (원래는 nuxt.js로 돼있던) 리액트로 리팩토링했는데 급하게 가져오다보니까 ui도 너무 대강 만들고 모션이나 이런것도 넣어보고 싶었는데 넣지 못해서, 아직은 완성 아닌 완성 느낌.

그래도 정말 그저께부터 nodemailer모듈이 제대로 코드를 적어줘도 너무 안돼고 오류파티로 거부가 떠서 진짜 포기해야하나 싶었는데, 오늘 가까스로 적용이 돼서 너무 기뻤다. (정말 내가 본 오류들만,... 몇가지인지 기억도 안난다. 스택오버플로우글을 정말 종류별로 2-30개는 계속 보고 적용하고, 바꾸고를 반복했다)

어쨌든 결국은 구글 계정의 보안 세팅 문제와 CORS 보안 정책, 갖가지 오류들을 다 걷어내고 나서야 오늘 정상적으로 작동하기 시작했다.

배포부터 하는게 좋다는 말, 이번 기회에 너무 잘 깨달았다. 기분 좋게 다 작성하고 빌드하고 올렸는데 안돼서 너무나 망연자실...

아 그리고 nodemailer 때문에 시작한 것이었는 시놀로지 nas 웹서버에 https인증서를 발급받는데도 오늘 시간을 할애 많이 했는데 (결국엔 지금 잠시 중단됐지만)

let's crypto 를 통해서 쉽게 할 수 있었는데 다른 사이트에서 어렵게 돌아서 하느라고 애를 먹었다. 아직 나스 포트 문제 등 여러가지에 걸쳐서 적용은 못했는데 내일에 다시 한번 시도해서 ssl인증서 발급, 등록해야지 싶다.

내일은 ssl을 마무리 짓고,
리액트 함수 컴포넌트와 리덕스를 좀 파볼 예정이다.

아래는 오늘 문제들을 해결하면서 유용하게 참고한 사이트들이다.