svelte 초보 프론트 개발자 추천 이유

svelte라는 프론트엔드 프레임워크는 개인적으로 프론트엔드 개발을 해보기를 원하거나, html + javascript 정도를 배우고…

무한 스크롤 뒤로가기 문제 해결 2

5. 무한스크롤의 문제점 및 해결방법

5.1 무한스크롤 문제점

자 이제 본격적으로 이렇게 만들어진 무한 스크롤의 문제점을 살펴보도록 하겠습니다. 일단 서버를 실행시키로 실행할 주소로 접속해 보면 다음과 같은 결과물을 볼 수 있을 것입니다.

svelte 컴포넌트 재사용

무한 스크롤 뒤로가기 문제 해결 1

0. 강좌 소개

무한 스크롤을 구현하다 보면 자연스럽게 만나게 되는 문제가 있는데 그것은 브라우저 뒤로가기 문제입니다. 실제로 이 문제 때문에 무한 스크롤에 대한 부정적인 의견을 보인 개발자들도 있고, 이들에 의해 무한스크롤에 대한 나름 의미 있는 비판도 있었습니다. 하지만 시간이 지나고, www.discourse.org와 같이 이 뒤로가기 문제를 해결한 서비스가 하나둘씩 나타나게 되고, 모바일 환경에서 사용자 들이 느끼는 직관성 때문에 무한스크롤은 가장 보편적인…

Meteor custom account 강좌 1

0. 강좌 소개

풀스택 플랫폼인 meteor는 기본적으로 account(로그인, 회원가입 등)에 대해서도 간단한 태그 하나로 구현할 수 있도록 기능을 제공하고 있습니다. 하지만 실제 프로젝트에서는 이 기본 기능 이외에 사이트에 맞게 account를 수정해야 할 경우가 종종 발생할 것입니다. 이 강좌는 이런 account에 대한 사용자 정의 작성에 대한 강좌가 되겠습니다.

‘스벨트로 시작하는 웹 프런트엔드’ 출판 후기

내가 Svelte를 알게된 것은 2020년 어느 때인가로 기억한다. 이 지긋지긋한 코로나 덕분에 밖에 나가기 보다 집에있을 시간이 많아지기 시작해서 인지 그때부터 흥미가 있을 만한 새로운 기술을 더 많이…

Meteor custom account 강좌 2

4. 회원가입 기본

저번 강좌를 통해 기본적인 페이지 디자인과 페이지 이동(routing) 관련 기능은 완성했습니다. 그럼 이제 본격적으로 meteor와 관련된 기능들을 작성해 보도록 하겠습니다. 일단 Account에서 가장 기본이 되는 회원 가입부터 만들어 보도록 하겠습니다.

Meteor custom account 강좌 3

6. 비밀번호 변경 및 재발급

6.1 비밀번호 변경

이제 기본적으로 회원가입, 로그인, 로그아웃에 대한 기능들은 모두 만들었습니다. 다음은 비밀번호 찾기 및 재발급에 대한 기능을 추가해 보겠습니다.

아래는 비밀번호 변경 html 파일소스입니다. 기존비번, 새비번, 새비번 확인의 3가지 텍스트 박스로 구성된 폼 입니다.

Meteor custom account 강좌 5

8. 다른 서비스 api를 통한 로그인(facebook, google, twitter, kakao)

이제 meteor 사용자 정의 계정(coustom account) 강좌의 마지막 챕터에 대해서 설명드리도록 하겠습니다. 이챕터에서는 각종 SNS 및 외부 서비스를 통한 로그인 연동을 구현해보도록 하겠습니다. 저번 강좌에도 조금 말씀드렸지만 이 강좌를 한번 써볼까 라고 생각한 것이 이 외부…

svelte의 reactive(반응성) 소개

svelte의 3가지 특징 중에서

• Write less code
• no Virtual dom