본문 바로가기

Programing371

Node.js로 구축한 백엔드 서버를 Supabase에 연결시키기 Supabase는 본 블로그에서 여러번 다룬 적이 있다.그러나 이런 방식은 혼자서 풀 스택 앱을 구축하는 방법이 아니라 현업 환경에서 이미 구축된 백엔드 서버와 연결하는 방식이니 실제 프로덕션 레벨에서의 작업을 이해하기 좋은 내용인 것 같다.Supabase 회원가입Supabase는 이제 웹 개발자라면 백엔드 개발자의 도움 없이도 서버를 구성할 수 있기 때문에 정말 많이 사용하는 것 같다.supabase에서 이메일로 회원가입도 가능하고, 무료 사용자에게는 프로젝트 2개를 만들 수 있게 해주고 사용량도 학습용으로는 충분하니 만들어보면 좋을 것 같다.다만 무료사용자는 일주일 이상 API 요청이 없으면 프로젝트가 pause 상태가 되고, 해제하는데 수십여 분이 걸리는 작업이므로 포트폴리오 같이 멈추면 안 되는 .. Programing/Server 2024. 8. 27.
개발자도구만으로 유튜브 자동자막 txt 파일로 스크래핑하기 여러 이유로 유튜브에서 몇 시간짜리 영상을 검토해야 하는 일이 올 수 있다.그런데 몇 십분이면 그걸 다 보고 있겠지만 십 수 시간이 되는 경우 영상을 다 보고 있는 것도 고통스럽지 않겠는가. Whisper AI나 vrew 같은 툴을 써서 보다 정확한 자막을 추출해낼 수 있지만, 복잡하고 또 돈이 들기 때문에그 정도는 아니고 대강 정도만 파악이 필요한 경우 웹 브라우저의 개발자 도구만으로도 자막과 타임스탬프를 추출할 수 있다. 단 유튜브에서 자동자막을 생성해준 경우만 가능하다.웬만하면 자동자막이 잘 생성이 되지만, 여러 언어가 섞여 있거나 음질이 좋지 않은 경우에는 자동자막이 생성되지 않는 것 같다.그런데 우리나라 영상에서는 그런 경우를 잘 못 봤고 인도인 유튜브에서 그런 현상이 많았던 것 같다. 유튜브 .. Programing/JavaScript 2024. 8. 26.
2024-08-25 비전공자 웹 개발 학습방법 추천 본인은 비전공자이며 30대가 넘는 나이에 웹 개발에 입문하였다. 시중에 널려있는 온라인 부트캠프에서 반년 간 학습을 하였는데, 과거로 돌아간다면 조금 더 효율적인 학습을 할 수 있었을텐데 하는 아쉬움은 어떤 일을 마무리하는 단계에서 매번 가지는 아쉬움인 것 같다.그런 의미에서 혹시나 비전공자로 웹 개발자에 입문하고자 하시는 분이 있다면 나의 조언이 어느정도 참고하실 만한 가치가 있길 바라본다. 시작하기 전고려해볼 점흥미가 있는가시작하기 전에 일단 나에게 먼저 이쪽 분야의 흥미가 있는지 확인을 해 보는 게 좋을 것 같다. 여러 가지 방법으로 알 수 있겠지만 일단 웹 개발이라고 한다면 자바스크립트 MDN 문서나 모던 자바스크립트 튜토리얼 등을 일주일간 하루에 네 시간씩 공부해보면서 이 내용이 흥미로운지 아니.. Programing/TIL 2024. 8. 25.
Next.js를 사용하는 이유 (자유도의 관점, CSR vs pre-rendering) 지난 번 포스팅에서 Next.js를 사용하는 이유에 대해서 간단하게 작성해보았었다. API 라우트 구축이 가능해서 풀스택 애플리케이션을 만들 수 있고... 프레임워크의 성격을 가지고 있어서 별도로 스타일링을 해주거나 라우팅을 하기에 더 빠르고 수월하다는 점... 등등 네 다섯 가지 예시를 들었던 것 같다. 그런데 사실 개념을 정리한 정도의 요약글이었고, 구체적인 개념들을 살펴보진 않았었다. 따라서 이번 글에서는 Next.js를 사용하는 그 이유에 대해서 심도있게 다뤄보고자 한다.만약 이 글을 보고도 공감이 안 된다면 쓰지 않아도 된다. 마치 Next.js의 영업사원을 자처하는 것 같지만 리액트 단독으로 앱을 개발한다고 해서 문제가 되는 것은 아니다. 다만 Next.js의 이점을 누리지 못할 뿐.리액트 공.. Programing/Next.js 2024. 8. 25.
2024-08-24 design pattern이란? 참고 문서https://www.linkedin.com/pulse/design-patterns-frontend-development-divyansh-singh Design Patterns in Frontend DevelopmentFrontend development is an ever-evolving field with a constant need for maintaining clean, maintainable, and efficient code. To address these challenges, developers turn to design patterns.www.linkedin.comhttps://refactoring.guru/design-patterns/ Design PatternsDesign Pa.. Programing/TIL 2024. 8. 24.

티스토리툴바