본문 바로가기

Programing375

Github Actions 자동화 설정한 것 취소하기 Github 해당 리포지토리로 이동하여 settings 클릭  좌측 사이드 패널에서  Actions - General 클릭 우측 패널에서 Actions permissions 중 Disable actions 클릭 후 save 클릭  또는 자동화를 하기 위해 생성한 스크립트인 .yaml 파일을 리포지토리에서 삭제해도 된다. Programing/Git 2025. 1. 14.
[2025-01-09] jQuery를 더 이상 사용하지 않는 이유 jQuery란?jQuery는 javascript의 여러 문제점을 보완하기 위해 2006년 등장한 경량 자바스크립트 라이브러리이다.당시의 javascript 만으로는 DOM을 조작한다거나, 이벤트를 처리한다거나, AJAX 요청을 한다거나, 자바스크립트로 애니메이션을 구현한다든지의 기능을 사용하기가 무척 까다로웠다.또한 당시에는 IE와 여러가지 브라우저가 난립하던 시대였는데 브라우저마다 위의 것들의 동작 방식이 전부 달라 크로스브라우징이 매우 어렵던 시기였기도 하다.아래에서 자세히 설명하겠지만 자바스크립트만으로 작성하면 매우 길어지는 코드를 제이쿼리는 달러사인 하나로만 압축시켜 혁신적인 코딩을 할 수 있게 해주는 편리한 라이브러리였다.하지만 최근에는 제이쿼리의 사용이 거의 없다고 보면 되고, 심지어 모던 웹.. Programing/TIL 2025. 1. 9.
Pages Routing : 기본 세팅 (+쿼리 스트링, 동적 라우팅, 404) 페이지 라우터든 앱 라우터든 Next.js에서 프로젝트를 생성하고 나면 Next.js에서 기본적으로 작성해 놓은 페이지가 보이게 된다. 이것들을 먼저 제거해주는 것부터 시작해서 페이지 라우터 방식에서는 프로젝트 초기 세팅을 어떻게 하는지 살펴보겠다.index.tsx 내용 제거dev 명령어로 개발 서버를 실행시켜 보면 이러한 페이지가 나온다. 내가 만든 페이지가 아니므로 index.tsx 파일에서 제거해주겠다. 아래 사진에서는 import문을 지우지 않았는데 import문과 inter까지 전부 지워주면 된다.그러면 이렇게 된다.global.css 제거배경에 깔린 이상한 줄무늬가 맘에 들지 않는다. 이런 전역 스타일을 제거해준다.그러면 이렇게 된다.새로운 라우트(페이지) 만들기페이지 라우터 방식에서는 기본적.. Programing/Next.js 2024. 8. 28.
Next.js의 구 라우팅 방법, Pages Router Pages Router란?지금 Next.js에 입문하는 사람은 App Router 방식으로 라우팅을 처리하도록 배웠을 것이다. 그게 가장 최신버전의 방식이다.그러나 넥스트 13 버전 이전까지는 페이지 라우터 방식이 라우트를 만드는 방식이었다. 페이지 라우터 방식은 파일을 기반으로 라우트를 만드는 가장 직관적인 방식이다. 넥스트 13 버전부터 도입된 앱 라우터 방식은 디렉토리 기반으로 라우트를 만든다는 것과 큰 차이가 있다고 보면 된다.지금은 넥스트 15버전까지 나왔기 때문에 13버전 이전까지 메인으로 사용된 라우팅 방식이라고 설명하면 굉장히 레거시하고 오래된 방식이고 쓰면 안 될 것 같이 보이지만, 그렇진 않다. 넥스트의 버전업이 너무 빨라서 13, 14, 15까지 너무 많이 버전이 올라간 것처럼 보이지.. Programing/Next.js 2024. 8. 27.
Node.js로 구축한 백엔드 서버를 Supabase에 연결시키기 Supabase는 본 블로그에서 여러번 다룬 적이 있다.그러나 이런 방식은 혼자서 풀 스택 앱을 구축하는 방법이 아니라 현업 환경에서 이미 구축된 백엔드 서버와 연결하는 방식이니 실제 프로덕션 레벨에서의 작업을 이해하기 좋은 내용인 것 같다.Supabase 회원가입Supabase는 이제 웹 개발자라면 백엔드 개발자의 도움 없이도 서버를 구성할 수 있기 때문에 정말 많이 사용하는 것 같다.supabase에서 이메일로 회원가입도 가능하고, 무료 사용자에게는 프로젝트 2개를 만들 수 있게 해주고 사용량도 학습용으로는 충분하니 만들어보면 좋을 것 같다.다만 무료사용자는 일주일 이상 API 요청이 없으면 프로젝트가 pause 상태가 되고, 해제하는데 수십여 분이 걸리는 작업이므로 포트폴리오 같이 멈추면 안 되는 .. Programing/Server 2024. 8. 27.

티스토리툴바