분류 전체보기 (27) 썸네일형 리스트형 [디자인 패턴] atomic과 container,presenter 요즘 개인적으로 사이드 프로젝트를 진행하는데 있어서 디자인패턴에 대한 고민이 생겼다. 기존 내가 사용하던 패턴은 코드캠프에서 배웠던 container-presenter 패턴이었지만, 최근 추세와는 조금은 떨어진 부분이 보여 atomic패턴을 도입해볼까 고민을 하게되었다. 그래서 오늘은 atomic과 container-presenter에 대해서 적어보려고 한다 가장 먼저 지금 내가 사용중이었던 디자인 패턴은 container-presenter 패턴인데 container와 presenter는 어떤 역할을 하는 녀석이냐면 container : 로직부분을 담당하는 부분(state관리 변수 및 함수의 생성) presenter : styled와 전체적인 구조, UI를 담당하는 부분 그러면 이녀석의 장점은 무엇일까?.. [회고] 코드캠프 front-end 부트캠프 회고 2022년 새해가 밝은지 어느덧 열흘이 지났다, 코드캠프에서의 생활도 끝이 다가온다는 말이겠지.. 오늘은 코드캠프에서의 생활을 다시한번 상기하며 회고를 적어보려고 한다. 직업군인으로 복무하였던 나는 2021년 11월 30일 전역을 하게되었다, 전역을 앞둔 10월 나는 전역전 휴가를 나오게 되었고, 전역하면 뭐하고 살아야되나 하는 생각이 많았다. 처음으로 프론트앤드를 배워보자 생각하고 공부했던건 인터넷을 통한 강의였다, 와.. 근데 왠걸 하나도 못알아듣겠더라.... 그리고 침대의 유혹은 역시 이길수가 없었다. 어느날 인스타그램을 하는데 코드캠프 광고가 나왔다. 마침 부트캠프를 알아보던 시기였기때문에 나는 호기심을 가지고 열어보게 되었고 프리캠프를 알게되었다, 프리캠프는 5일동안 무료로 프론트앤드의 기초적인.. [React, Node] Crypto를 통한 sha256해시 생성 이전에 프로젝트에 결제모듈을 연동하면서 해시 생성이 필요했는데 그 부분을 프론트엔드 파트에서 처리하게 되어 잊기 전에 적어보려 합니다! 사실 이건 Next.js나 react에서 별도의 로직을 통해 생성하는 것이 아닌 node.js의 내장함수인 crypto를 이용하는 방법입니다. 사용하기에 앞서 우리는 crypto라는 친구를 import 해야 합니다! import를 하고 마우스오버 해보면 아래와 같이 나오게 되는데, crypto의 간단한 사용방법을 알려줍니다. 저는 SHA256해시를 생성하길 원했고, 아래와 같은 간단한 로직으로 해시를 생성하였습니다. 간략하게 설명하자면.. base_str : 해시를 생성할 문장 또는 단어를 입력하는 부분 crypto.createHash("sha256") : 크립토를 이용.. 이전 1 2 3 4 다음
