분류 전체보기
-
[일상] 코로나 걸림일상적인글 2023. 9. 21. 12:26
코로나에 걸리고 말았다. 그런데 목은 별로 안아픈데 코부터 막히기 시작했다. 일단은 타이레놀 먹고 버티고 있었는데, 몸살끼가 슬슬 오려고 하니 위기감이 느껴져서 병원에 방문해도 되냐는 연락을 하고, 병원에 방문해서 약을 타왔다. 코감기약이라 그런가 먹으면 일상 불가...... 어제도 할 일이 있어, 겨우 일어나서 해결을 하고 다시 골골거리며 누웠다. 지난 번 코로나 때는 정말 미각 잃은거말고는 아무런 증상이 없었는데 이번엔 꽤나 증상이 있어서 점심약 먹기 전에 블로그를.... 쓴다... 사실 코막혀서 입맛이 별로없는데 약 먹어야해서 꾸역꾸역 먹다보니 소화도 잘 안되고 그렇다. 집도 가려고했는데 코로나때문에 못가서 결국 추석 주에 가야할듯.......
-
[NextJS] 사용하는 이유와 SSR(Server Side Rendering)웹프로그래밍/Front-end 2023. 9. 14. 18:38
📌 NextJS를 사용하는 이유 1. 이미지, 글꼴, 빌드 등을 최적화 할 수 있는 툴이 내장 - 빌드엔 TurboPack 을 사용하여 빠른 빌드 가능 2. React 기반의 프레임 워크 3. CSR, SSR 지원 - SSR을 통한 SEO 강화 4. Node.js 기반으로 단일로 서버까지 구축하여 사용 가능 5. 라우팅의 편리함 6. 미들웨어 기능 정리하면 위와같은 이유로 NextJS를 사용할 수 있겠다. 일반적으론 SSR, SEO 때문에 사용하는 경우가 많은데, 사실 직접 써보면서 느낀 점이자, 주변에서 이야기하는 것을 들으면 가장 강력한 것은 원래면 별도의 최적화를 따로 해주어야하는 작업들을 NextJS 프레임워크 자체에서 지원해주는 기능이 많아서 그 "편의성"을 포기하기 어렵다는 점이다. 사실 위와..
-
[CDN] CloudFront + Lamda + S3로 이미지 서빙 과정웹프로그래밍/Etc 2023. 9. 13. 11:57
아무래도 정리하지않고, 이 전에 기억나는대로 말하다보니 말로 정리가 되지 않을때가 많다. 그래서 이참에 복기도 할겸 사용해보려고 한다. 📌 문제정의 기존에는 따로 CDN을 설정한 것이 아니라, 이미지 id 값을 전달받아서 사용하곤 했다. 물론 이러한 방식도 문제는 없었으나, 웹뷰 기반의 앱을 만들려고 보니 좀 더 이미지 서빙을 효율적으로 해야겠다는 생각이들어 CDN을 구축하기로 마음먹게되었다. 기존의 방식으로도 문제가 없어서, 최초에 이야기를 할 땐 그냥 쓸까? 했지만, 결국 어드민에서 업로드 하고 실 앱에서는 cdn 서버를 통해서 이미지를 가져오고 람다에서 이미지 리사이징 처리를 해주는 것이 좋겠다는 판단이 들었다. Next.js를 사용하고 있었기에 'loader' 등을 이용해서 편리하게 CDN 쿼리스..
-
[Bundler] 모듈 번들러(Module Bundler) - Webpack웹프로그래밍/Front-end 2023. 9. 12. 15:01
📌 Webpack에 대해서 알아보기 1. 웹팩의 역할은? 웹팩 사이트에 의하면 내부적으로 프로젝트에 필요한 모든 모듈을 매핑하고 하나 이상의 번들을 생성하는 "디펜던시 그래프'를 만든다. 엔트리포인트에서 시작하여 웹팩은 애플리케이션에 필요한 모든 모듈을 포함하는 "디펜선시 그래프"를 "재귀적"으로 빌드하고 모두 하나 혹은 여러개의 번들 단위로 묶게된다. 2. 웹팩에서의 주요 개념 (1) Entry 엔트리 포인트는 웹팩의 디펜던시 그래프를 생성하기 위해 사용하는 모듈이다. 웹팩은 엔트리 포인트를 통해 직간접적으로 의존하는 다른모듈과의 라이브러리를 찾아낸다. (말 그대로 시작점) 엔트리 포인트를 잘못 설정하는 경우, 빌드 후 배포했을 때 흰화면이 나올 수 있기 때문에 배포환경에서 엔트리 포인트를 잘 설정해주..
-
[Bundler] 프론트엔드에서 모듈 번들러(Module Bundler)웹프로그래밍/Front-end 2023. 9. 12. 01:16
📌 모듈 번들러는 왜 등장했을까? (1) 모듈은 무엇인가? 모듈은 어플리케이션을 구성하는 개벌적 요소로 재사용 가능한 코드 조각을 이야기 한다. 일반적으로 모듈은 "💾 파일단위"로 분리를 한다. 이때, 모듈 성립에 중요한 요건은 "💾 파일스코프"를 가질 수 있어야 한다는 점 이다. 파일 스코프를 가지는 모듈의 모든 자산은 "💰Private" 이며 캡슐화되어 다른 모듈에서 접근 할 수 없도록 되어있는 것이다. 하지만 기본적으로 모듈은 "재사용 가능"해야하므로 이를 선택적으로 "📡Public" 하게 오픈할 수 있도록 되어있다. 그것이 바로 "📦Export" 로 표현한다. 또, 공개한 자산 중 이를 일부/전체를 선택하여 자신의 스코프로 불러들여 사용하는 것을 "📜Import"라 표현한다. (2) 모듈을 사용했..
-
이직준비 일기(1)일상적인글 2023. 9. 12. 00:18
최근에는 6월에 퇴사 이후, 멘탈을 잘 정리하고 이직 준비를 열심히 하고 있다. 이제와서 글을 쓰는 것은 어느정도 일련의 면접들을 거치면서 내 머릿속이 정리되었고, 그것을 글로 남기기 위해서 정리하기로 했다. 결국 이직을 했던 경험도 먼 훗날에 나에게 도움이 되리라 생각한다. 퇴사 후, 멘탈정리라 하면 결국엔 이직을 위한 나의 업무를 정리하는 일이었는데 1. 이력서를 쓴다 2. 내가 생각하는 회사에 대한 비젼을 생각한다 이 두가지라고 볼 수 있을 것 같다. 사실 직전 회사에서 정말 쉴틈없이 일을 해왔기때문에 퇴사하려고 정신차리니 개인 깃허브는 방치되어있었고(회사 깃에서는 내가 커밋 수 1등이었는데...), 내가 공부했던 문서는 회사에 모든 것이 아카이브되어 있었다. 이제와서 회사에 아카이빙되어있는 문서나..
-
[iOS] 카카오 로그인 하기Mobile/전체 2023. 1. 22. 22:01
아래 내용은 카카오 로그인 하기의 전체적인 방법을 담고 있지는 않고, cocoapod 잠깐 이용해보려다가 겪은 이슈를 기록하기 위해서 작성한 포스팅 입니다. 문제제기 일단 현재 상황은 Package Manager로 Firbase Notification 패키지를 설치한 후 테스트 완료한 상태 라고 할 수 있습니다. 웹뷰에서 카카오로그인까지 처리하려 했으나, 내부사정에의해 SDK를 통해 iOS, Android에서 각각 처리하기로 하였습니다. 패키지 설치하기 iOS에서 카카오SDK 설치 방법 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 🔖 필수 설..
-
[HTTP] HTTP에 관해서웹프로그래밍/Front-end 2021. 8. 10. 18:30
🏠 HTTP 📚 1. HTTP 브라우저와 서버 간에 데이터를 주고받기위한 방식 인터넷 상에서 데이터를 주고 받기위한 서버/클라이언트 모델을 따르는 프로토콜 애플리케이션 레벨의 프로토콜로 TCP/IP 위에서 작동 어떤 종류의 데이터든지 전송할 수 있도록 설계되어있고, 이 데이터는 HTML 문서, 이미지, 동영상, 오디오, 텍스트 문서 등 이다. 기본적으로 클라이언트는 URI를 통해 서버에 접속하고, 웹 서버는 표준 포트인 80번 포트로 서비스 한다. 기본적으로 Connectionful 하지 않고, less 하다. (요청하고 응답받으면 연결을 끊는방식. 연결을 끊으므로 이전의 상태를 유지하지않아 stateless 하다. 📚 2. HTTP와 HTTPS의 차이 기본적으로 둘다 브라우저와 서버 사이의 데이터를 주..