sveltekit 공식 사이트 Tutorial 정리 ③ : Page data
Loading data
목록
- svelte 22
- javascript 3
- jekyll 2
- faith 2
- cloud 2
- microFrontend 2
- ruby 1
- nomadcoders 1
- oracle 1
- web 1
- jquery 1
- vim 1
- network 1
- node.js 1
svelte
svelte 공식 사이트 Tutorial 정리 ⓐ : Special elements
Special elements svelte는 다양한 내장 요소를 재공한다.
svelte 공식 사이트 Tutorial 정리 ⓒ : Special tags
Special tags
svelte 공식 사이트 Tutorial 정리 ⓑ : Module context
Module context
svelte 공식 사이트 Tutorial 정리 ⑮ : Context API
Context API Context API는 데이터와 함수를 props로 계속 전달하거나 많은 이벤트를 dispatch하지 않고 component끼리 ‘대화’할 수 있는 메커니즘을 제공.
svelte 공식 사이트 Tutorial 정리 ⑭ : Component composition
Component composition
svelte 공식 사이트 Tutorial 정리 ⑬ : Advanced styling
Advanced styling
svelte 공식 사이트 Tutorial 정리 ⑫ : Actions
Action 엘리먼트 레벨의 라이프사이클 함수입니다. 다음과 같은 경우에 유용하다. 타사 라이브러리와의 인터페이스 지연 로딩되는 이미지 툴팁 사용자 정의 이벤트 핸들러 추가
svelte 공식 사이트 Tutorial 정리 ⑩ : Transitions
Transitions
svelte 공식 사이트 Tutorial 정리 ⑧ : Store
Store 어플리케이션 계층 구조에 속하지는 않지만, 때때로 다양하고 연관없는 component 또는 일반적인 javascript 모듈에서 접근 가능한 값이 필요할 수가 있다. svelte에서는 store라는 module이 이러한 기능을 제공해준다. 한마디로 여러개의 co...
svelte 공식 사이트 Tutorial 정리 ⑦ : Lifecycle
Lifecycle 모든 컴포넌트는 생성되면서 시작되고, 소멸될때 끝나는 Lifecycle을 가진다. 이러한 Lifecycle 순간에 실행할 수 있는 함수를 svelte에서 제공한다.
svelte 공식 사이트 Tutorial 정리 ⑪ : Animations
The animate directive 전환하지 않는 요소에 대한 모션을 적용할때 animation 지시자를 사용한다.
svelte 공식 사이트 Tutorial 정리 ② : Reativity
Reativity
svelte 공식 사이트 Tutorial 정리 ① : Introduction
Introduction
Svelte.js 입문 가이드
섹션 0.개요
javascript
코딩테스트(Javascript)
자료구조와 알고리즘
비동기처리, Promise, Async & Await
비동기처리 특정 코드의 연산이 끝날 때까지 코듸의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성 예시) ajax, setTimeout
이벤트, 이벤트 핸들러, 이벤트 리스너
이벤트 HTML events : HTML events are “things” that happen to HTML elements. → HTML 구성요소들에게 발생하는 것들 HTML allows event handler attributes, with JavaScript co...
jekyll
Jekyll kramdown 마크다운 line번호 넣기
kramdown 설명 블로그 초보의 입장에서 퍼와서 만든 jekyll 블로그 설정상 markdown conversion이 kramdown으로 되어 있다면, kramdown의 설정에서 highligher 기능으로 line_number를 아래와 같이 줄 수 있다.
Jekyll config 설정
Jekyll config 설정시 주의사항 config 설정할때 tab여부도 중요하다. 가령 breadcrumbs에 true값을 설정하려고 하였는데, 앞에 1칸 tab이 있어서 설정이 제대로 먹히지 않는 현상이 있었다. 왜 안됨??ㅠㅠ
faith
2022.08.24. 신앙생활
오늘의 찬양 Matt Maher - Because He Lives
2022.08.23. 신앙생활
오늘의 찬양 WELOVE - 주께 포기란 없네
cloud
어플리케이션 개발환경 구축을 위한 cloud 환경설정 - 쿠버네티스 환경 구성
ncloud 환경구성
어플리케이션 개발환경 구축을 위한 cloud 환경설정 - 목표설정
cloud 환경구성
microFrontend
1단계 개발환경 구축
목표 IntelliJ 설치(Visual Studio Code 가능 - 유용한 기능 사용의 차이만 존재) nodeJS설치 svelte 프로젝트 설치
MicroFrontend 구현 프로젝트!
프로젝트 목표 각 컴포넌트를 라이브러리화 한다. 해당 컴포넌트 라이브러리를 사용해서 페이지를 구성한다. 해당 페이지들을 모아 TASK(단계)를 구성하여 라이브러리화 한다. 각 TASK들이 모여 SPA방식으로 돌아가는 Process를 구성한다. 이때 TASK들의 ...
ruby
RUBY 사용법
RUBY 로컬 서버 구동 해당 프로젝트에 가서 1 bundle exec jekyll serve 입력 하면 localhost:4000 포트로 확인 가능
nomadcoders
코코아톡 클론코딩 정리
1 [2020 UPDATE] INTRODUCTION
oracle
’<>, !=’와 NVL
실수 상황 강효형은 수신상품 가입 진행중 중단된 고객 수를 추출하려고 하였다. 그런데, 쿼리 조회시 생각보다 수치가 너무 적게 나왔다. 이유는 무엇일까?
web
쿠키와 세션
HTTP(Hypertext Transfer Protocol)이란? 쿠키와 세션을 이해하기 위해서는 이 개념이 등장한 배경을 이해해야한다. 생활코딩님이 강의에서 드신 예시가 적절할 것 같다.
jquery
aJax통신
HTTP(Hypertext Transfer Protocol)이란? 쿠키와 세션을 이해하기 위해서는 이 개념이 등장한 배경을 이해해야한다. 생활코딩님이 강의에서 드신 예시가 적절할 것 같다.
vim
Vim사용법
Vim 제대로 가르쳐 줌(개발자라면 한번쯤 꼭 쓴다는 Vim)
network
네트워크 주요 포트
포트란? 컴퓨터가 각종 신호 또는 정보 등을 주고 받을 수 있도록 해주는 통신 통로
node.js
node.js 설정정보 변경 - 개인 repository 바라보도록 변경
node.js 설정 정보 변경 방법 목표 npm 명령어를 통해 개인의 library 및 package repository에서 해당 파일을 가져올 수 있도록 하기