본문 바로가기
728x90

전체 글102

브라우저 켜기 귀찮아서 만든 tistory-cli 왜 만들었나일단 티스토리에서 글을 바로 작성하는게 편하지는 않더라요즘은 클로드 코드나 커서로 작업을 하게 되면서 브라우저도 개발에 필요한 것만 열어서 작업을 하기도하고그냥 일단 티스토리에 들어가는게 귀찮음걍 바로 로그인도 시켜주고 글도 걍 올려주면 안되나싶어서 만든 CLI방식 선택: 브라우저 자동화리버스엔지니어링 대세인 요즘 내부 요청을 직접 알아내는 거야 어렵지 않겠지만, 그냥 이런 방식은 정말 남의 자산을 훔쳐쓰는 방식이라선호하지도 않음 기것개발한 Open API를 제공안하는 이유가 있지않을까 싶음약관에도 리버스엔지니어링은 금지되어있음역시 그렇담 Playwright이 제일 적절하다고 생각함-> 물론 페이지 디자인이나 선택자가 달라진다면 다시 분석하고 업데이트하면되지만 나에겐 AI가 있으니까 괜찮음 기.. 2026. 10. 22.
1년 회고록 - 왜 Alpine.js를 선택했나? React로 다시 짜지 않고 Alpine.js를 선택한 이유게임 거래 중개 플랫폼 프론트엔드를 맡은 지 벌써 1년이 지났다. 드디어 어느 정도 리팩토링이 마무리되어 회고록을 써보고자 한다.회사 코드를 처음 열어봤을 때 Laravel Blade + jQuery로 된 MPA 구조였고운영 중인 서비스를 멈추지 않으면서 이걸 어떻게 바꿔 나갈지 고민했던 과정을 정리해보려고 한다.레거시 구조, 뭐가 문제였나Blade로 서버에서 HTML을 그리고 동작은 jQuery로 붙이는 구조였다.사실 이 구조 자체가 나쁜 건 아니다.별도 프론트 빌드나 API 서버 없이 Blade에서 바로 화면이 나오니 구조가 단순하고, 백엔드 개발자도 화면을 바로 고칠 수 있다.기능도, 거래도 문제없이 돌아가고 있었다.잘 운영 중이던 프로젝트.. 2026. 10. 20.
[Fedify]오픈소스 컨트리뷰션 발대식 후기 개발자라면 누구나 오픈소스에 기여하고 싶은마음이 한켠에 1퍼센트라도 있을 것이라고 생각한다.나역시 그런 개발자 중 한명이였고시도해봤지만 도대체 이 방대한 양의 코드를 내가 어떻게 파악하고 코드에 기여를 할 수 있는 지에 대한접근자체가 좀 막막하다면 막막했다고 할 수 있다.사실 각잡고 하려면 하겠지만 누군가의 도움을 받는다면 조금은 수월하게 할 수 있지 않을까? 라는 생각을 하기도 했다. 이런 생각을 가지고 있던 차에 마침 오픈소스 멘티를 구한다는 글을 보게되었고참가신청을 했다. 사실 실무에 종사하고 있어서 안뽑힐 가능성도 있지않을까? 라는 생각을 하기도 했다...ㅎㅎ하지만 너무 하고싶었는데 운 좋게도 Fedify 프로젝트에 뽑혀서 진행을 할 수 있게 되었다. 발대식은 필참이라 발대식에 참여한 후기를 작성.. 2025. 7. 15.
코드잇 프론트엔드 단기심화 마무리 회고 이제 코드잇 단기심화가 끝난지 거의 3주가 지나간다.그 사이에 나는 취업을 하게되었고 수료 막바지에 취업을 하게되어 타이밍 좋게 수료하면서 마무리를 할 수 있게되었다!이력서에 작성하지는 않겠지만 내일배움카드 지원하는대 있어서 수료를 못하게되면 나중에 안 좋을 수도 있으니...되도록 수료를 하고 싶긴했었다. 여튼 코드잇 단기심화에 협업형태로 참여했는데 정말 최악의 경험이였음 물론 진리의 사바사 케바케겠지만!!! 나에게 일어나면 그게 백퍼센트 확률의 경험이 되는게 아니겠어요? 우리팀 같은 경우에는 중간에 디자이너가 탈주를 하질 않나백엔드 1명은 역량이 부족한대 그걸 프론트 탓으로 돌리질 않나 ㅋㅋㅋㅋㅋㅋ 다른 백엔드 분은 정말 좋았음~~ 사실 나는 다른 프로젝트도 있는 편이고 이미 경력이 있어서 안해도 그.. 2025. 7. 11.
Styled-components VS Tailwind 회사내에서 Styled-components로 구성된 작업물이 있어 코드를 살펴보니..흠...이거 굉장히 귀찮은데라는 생각이 들었음..테일윈드에 벌써 익숙해져 그렇게 느꼇을지도 모른다.인수인계문서에 styled-components를 채택한 이유가 적혀있지 않았고 이전 담당자도 정확히 모르는 것 같았다 과연 이 프로젝트에서 어떤 장점이 있길래 사용하게 됐는지 알아보려고 한다. 작년을 기점으로 테일윈드의 점유율이 더욱더 많아지고 있다.styled-components의 경우 사용하는 사람만 계속 사용하는 느낌...줄지도 늘지도 않는 우선 styled-components는 css-in-js로 자바스크립트 안에서 css를 작성하게된다. 그럼 css-in-js의 장점인 유지보수, 컴포넌트와, 재사용성이 높아지는 .. 2025. 7. 3.
[AWS] EC2 + PM2 + Ubuntu 환경에서 무중단 배포 환경 구축하기 PM2 무중단배포인스턴스는 내가 중단하기까지 꺼지지 않지만 터미널은 닫으면 종료되니 때문에 무중단 서비스가 되지않는다.터미널을 계속 켜놔도 결국은 일정시간이 지나면 종료가 됨그렇기 때문에 해당 터미널과 서버 실행 환경을 분리가 필요하다그래야 터미널을 닫아도 서버가 계속 돌아가기 때문! 이 방식은 도커로 무중단 서비스를 운영해도 비슷하게 작동한다.하지만 지금 진행하는 프로젝트는 프론트 서버도 1개고 대규모 인프라로 자동으로 설정하는 부분도 아니기때문에간단하게 pm2로 진행!하지만 도커도 언젠간 제대로!! 해보고 싶다 그럼 이제 막 ec2 인스턴스를 만들었으니node를 우분투에 설치해보겠습니다. 우선 패키지 리스트를 최신화 하기 위해 apt update를 진행sudo apt-get update 업데이트가 됐.. 2025. 6. 12.
728x90