소소한 일들의 흔적(bada815 at gmail.com)

import fs from 'fs' import path from 'path' import matter from 'gray-matter' const postsDirectory = path.join(process.cwd(),'posts') //https://nodejs.org/api/path.html#path_path_join_paths //https://nodejs.org/api/process.html#process_process_cwd export function getSortedPostsData(){ //get filename under /posts //https://nodejs.org/api/fs.html#fs_fs_readdirsync_path_options const fileNames = fs...

//question const dataTest=[ { id: 'op', fileName: 'op.md', title: 'When to Use Static Generation v.s. Server-side Rendering', date: '2020-11-02' }, { id: 'pre-rendering', fileName: 'pre-rendering.md', title: 'Two Forms of Pre-rendering', date: '2020-01-01' } ] dataTest.map(({id,fileName,title,date})=>console.log("TEST1",id,fileName,title,date)) dataTest.map((id,fileName,title,date)=>console.log(..

KASAMATSU FARMS kasamatsu-farms.com/

상대값 폰트 사이즈에 비례해야 되는 값은 rem, em을 사용해야 한다 rem은 html(root) 폰트 사이즈를 기준으로 계산 em은 부모 태그의 폰트 사이즈를 기준으로 계산 rem, em : 폰트 사이즈, 나머지 padding같은 것들에 사용 일반적으로 폰트 사이즈는 rem, 나머지 padding같은 것들은 em 하는것이 나음 절대값 고정 값은 px을 사용 꿀팁 => width : auto; /* 요소의 부모 크기 기준으로 가득 찬다 */ height : auto; /* 요소의 자식 기준으로 자동 조절된다 */

CSR, SSR, and SSG on NextJS: www.youtube.com/watch?v=2tJedF8I-8Q&feature=youtu.be github.com/jherr/pokemon-next-three-ways Nextjs Building a Car Trader App #1: Introduction and FAQ Page www.youtube.com/watch?v=Hy4Por0yfqE&list=PLYSZyzpwBEWTt-0uuxAcSrJmMlnD9Yuz3 github.com/bmvantunes/youtube-2020-may-building-a-car-trader-app-1 nextjs.org/docs/routing/dynamic-routes Routing: Dynamic Routes | Next..

URL 정규 표현식과 일치하는 값 해체하기 developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment function parseProtocol(url) { var parsedURL = /^(\w+)\:\/\/([^\/]+)\/(.*)$/.exec(url); if (!parsedURL) { return false; } console.log(parsedURL); // ["https://developer.mozilla.org/en-US/Web/JavaScript", "https", "developer.mozilla.org", "en-US/Web/JavaScript"] var [, protocol, fullho..

2021 년 1 월부터 Google은 기본적으로 HTTPS 사이트에서 HTTP 파일 (이미지, 문서, pdf) 다운로드를 차단할 예정임. mixed conent 정의: web.dev/what-is-mixed-content/

#file_get_contents에서 HTTPS로 파일 로드 못할때 echo "----------------------------------->"; $arrContextOptions=array( "ssl"=>array( "verify_peer"=>false, "verify_peer_name"=>false, ), ); $aws_cognito_iss_url='https://cognito-idp.eu-central-1.amazonaws.com/eu-central-1a/.well-known/jwks.json'; $jwks_json=file_get_contents($aws_cognito_iss_url,false, stream_context_create($arrContextOptions)); $JWKs=json_d..

보고 싶은 드라마: namu.wiki/w/%EB%A9%94%EC%8B%9C%EC%95%84(%EB%93%9C%EB%9D%BC%EB%A7%88)

코드를 한번에 주석 처리하기 맥 단축키: Command + / 윈도우 단축키: Ctrl+ /