네이버 웹툰 북마크 - CRXJS
2023. 3. 19. 08:38
프로그래밍/네이버 북마크 크롬 익스텐션
CRXJS란 오늘은 CRXJS를 소개해보려 한다 https://crxjs.dev/vite-plugin/ Introduction | CRXJS Vite Plugin CRXJS Vite Plugin is a tool that helps you make Chrome Extensions using modern crxjs.dev 이 얼마나 아름다운 울림인가 익스텐션 개발을 매우편하게 만들어준다 심지어 리액트, 뷰, 솔리드, 바닐라까지 지원한다!! 필자는 리액트 하드빠돌이기때문에 리액트로 진행한다 CRXJS 환경설정 공식 홈페이지의 절차를 그대로 가져왔다 일단 프로젝트 만들 곳에 가서 터미널을 켜준다 터미널에 vite로 프로젝트를 초기화해보자 npm init vite@latest 프레임워크는 CRXJS에서 지원하는..
네이버 웹툰 북마크 - 크롬 익스텐션을 만들어보자
2023. 3. 12. 14:58
프로그래밍/네이버 북마크 크롬 익스텐션
최근에.. 일에 지쳐 뭔가 색다른 게 없나? 찾아보던 도중에 무심코 웹툰을 보던 나를 발견했다 그리고 웹툰을 하나하나 찾으면서 매우 귀찮았는데 여기서 하나의 반짝임이 내 뇌리를 스쳤다 "아 이거 북마크처럼 그냥 냅다등록해두면 내가 원하는 작품들 보게 할 순 없을까" 왜 안되겠는가 이미 DOM은 디버거에 찍히고 있고 이거만 자바스크립트로 어떻게든 지워내면 끝이다 그러면.. 어떻게 조금 더 편하게 이걸 자바스크립트를 실행시킬까 생각하던 도중 "아!! 익스텐션 각이다 이거 " 라고 생각하고 바로 만들기 시작했다 제일 처음 만들던 건 실패해서 그냥 냅다 땅에 박아뒀는데 그때 그래도 배운 건 i18n을 적용해 본지라 나름 도움이 된 기억이 있다 2022.10.26 - [프로그래밍/ㄴ WEB+JS] - [VUE 3..
bblog v3 - code server를 설치해보자
2023. 2. 28. 20:00
프로그래밍/개인홈페이지
2023.02.25 - [프로그래밍/ㄴ 개인홈페이지] - bblog v3 - 체제전환 feat. MSA bblog v3 - 체제전환 feat. MSA 이번 어플개발에서 RN을 하다가 멘탈이 파괴된 현석 씨.. 그래서 미루고 미뤄뒀던 블로그의 MSA로의 아키텍쳐 변환에 대해서 생각해보려한다 SQL 일단.. 스키마를 싹 갈아엎을 생각이다 이번엔 조 hbyun.tistory.com 이 글에서.. 이제 codeserver를 써야 할 때가 왔다 언급했다 바로 까먹지 말고 일단 codeserver부터 설정을 해보자 Docker에다가 codeserver설치 (비추천) 일단 비추천하는 이유는 .. 포트를 하나하나 계쏙 열어줘야하니 귀찮으니 그냥 밑으로 가서 로컬로 설치하는것을 추천한다 그냥 코드만 치는걸 원한다면 아래..
bblog v3 - 구현을 위해 MSA의 개념을 자세히 파악하자
2023. 2. 26. 13:00
카테고리 없음
이번 글은 여러 홈페이지에서 제공되는 내용을 많이 참고하였다 MSA란 무엇인가 분리된, 독립적인, 느슨하게 결합된, 서비스들을 결합하여 제공하는 아키텍처를 뜻한다 좀 풀어서 말하면.. 예를 드는 게 가장 빠르다 흔히 비교되는 아키텍처가 모놀리스식 아키텍처이다 그리고 MSA를 항상 언급할 때마다 쓰는 짤방이 있는데 이게 가장 쉽게 이해가는 사진 아닐까 쉽게 말하면 서비스들을 하나에 모아 하나의 어플리케이션에 등재시켜 운영하는 게 모놀리스식 서비스들을 각각의 어플리케이션에 등재시켜 하나의 서비스처럼 운영하는 게 MSA방식이라 생각하면 될듯하다 이에 따른 이점은 아래와 같다 1. 독립성 모놀리스식에서, 유저의 오류가 발견되면 이 어플리케이션은 하나에 다 들어가 있기 때문에 나머지 게시글, 이메일 관련 서비스들..