728x90
CSS는 간단하지만 안하면 까먹는 것 , CSS 사라짐 효과 fade-in 효과 ... 어쩌고 저쩌고 할게 참 많고 검색하면 따로따로 나와서 헷갈리는데 그냥 한번 할 때 제대로 알아두자. 간단한 서서히 나타나고 사라지는 애니메이션을 구현해보면서 (페이드-인 페이드-아웃) 진행 할 거다. keyframes 라는것을 미리 정의해주고 (애니메이션 정의) 그것을 불러오는 방식이다. 그니까 애초에 fadein ,fadeout 이런건 내장 기능이 아니라 정의해서 만들어야 하는거다. 애니메이션 속성 CSS의 @keyframes를 사용하여 애니메이션을 정의한다. 애니메이션은 몇 가지 속성을 가지고 있다. animation-name: 애니메이션의 이름을 지정 animation-duration: 애니메이션의 지속 시간을 ..
async await는 실무 하다보면 땔래야 땔 수 없는 패턴인데, 막상 신입들에게 promise 반환하는 함수를 직접 짜라고 하면 어디서 부터 해야 하는지 고민하는 경우가 종종 있어서, 간단하게 설명하려고 한다. 1. return 을 new Promise(resolve, reject) 로 하는 함수를 만든다. 2. Promise 안에 로직을 작성하고 try catch 로 reject를 잡아준다. 3. 로직 끝나면 resolve(result) 등으로 리턴값을 전달한다. 코드로 설명하면 다음과 같다 function somethingHappened() { return new Promise((res,rej) => { try{ ... 여기에 무언가 로직을 작성한다. ... } catch (err) { rejec..
https://github.com/graphul-rs/graphul https://graphul-rs.github.io/ GitHub - graphul-rs/graphul: Optimize, speed, scale your microservices and save money 💵 Optimize, speed, scale your microservices and save money 💵 - GitHub - graphul-rs/graphul: Optimize, speed, scale your microservices and save money 💵 github.com express나 fastAPI를 경험한 사람이면 쉽게 배울 수 있는 Rust용 웹 프레임워크를 소개한다. 마이크로서비스 부터 간단하게 구성해보면서 ..
이미 다른 프로그래밍 언어를 한개 이상 알고 있다고 가정하고 간단하게 설명한다. 기본적으로 OOP 를 이해한다는 가정하에 , 아래 문법만 익히고 들어가면 flutter 개발에 문제가 없을듯 하다. 다트의 진입점은 void main() 이다. 1. 선언 void main() { int num1 = 10; double num2 = 3.0; String str = 'hello'; bool isTrue = true; // int와 double은 num을 상속받는다 num num3 = 10; num num4 = 10.0; // 으로도 사용가능 //Type Check print(num1 is int); // true print(num2 is int); // false print(num1.runtimeType) //..
친구들에게 카카오톡으로 링크를 공유하면 그림처럼 썸네일 이미지가 자동으로 생성되는데, 내가 만든 사이트를 공유할 때에도 이렇게 미리보기 이미지를 담고 싶다면 opengraph를 이용하면 된다.