드리프트의 코-자-경(코딩, 자동차, 경제)

현대자동차가 대한민국을 대표하는 고품격 세단 ‘디 올 뉴 그랜저’를 출시했습니다. 고성능 고효율 엔진 라인업 구성, 최첨단 안전∙편의사양 탑재 그랜저는 1986년 최고급 세단으로 출시한 이후부터 지금까지 대한민국 고급 세단의 명성을 이어오면서, 시대를 앞서가는 혁신을 통해 국내 자동차 시장을 선도해왔습니다. 11월 14일에 출시한 ‘디 올 뉴 그랜저’는 대담한 존재감과 이에 걸맞은 혁신적 신기술로 빚어진 현대자동차의 플래그십 세단입니다. 과거부터 이어져 온 신뢰와 유산을 계승하면서 새로운 시대의 모빌리티로 전환되는 미래 가치를 담아, 시장 기대를 뛰어넘는 독보적인 상품성을 완성했습니다. 디 올 뉴 그랜저는 2.5리터 GDI 가솔린, 3.5리터 GDI 가솔린, 3.5리터 LPG, 1.6리터 가솔린 터보 하..

안녕하세요? 제가 티스토리에서 개인 블로그로 옮겼는데요. Remix를 이용해서 직접 코드를 고치고 호스팅업체에 배포까지 해서 지금까지 잘 쓰고 있는 개인 블로그 만드는 법을 공유하려고 합니다. Github 리포지터리에 개인 블로그 글을 마크다운으로 저장하기 때문에 자료 손실의 위험도 없고, 언제든지 다른 블로그 시스템으로 갈아탈 수 있어 정말 좋습니다. 그리고 Gatsby나 Hugo 처럼 정적 사이트 생성기와는 다르게 변경된 것만 컴파일하기 때문에 단순히 글만 새로 작성하면 서버에 전체가 변경되지 않고 새로운 글만 호스팅되기 때문에 컴파일 타임이 훨씬 줄어듭니다. Remix Speed Metal Stack을 이용한 블로그 사이트 만들기 Remix Speed Metal Stack을 이용한 블로그 사이트 만..

안녕하세요? Next.js보다 훨씬 빠르다고 생각하는 Remix에서 쿠키와 세션을 이용한 쿠키 사용하는 방법을 알아 볼까합니다. 제가 개인 블로그에 쓴 글을 공유할까 합니다. Remix에서 세션을 이용한 쿠키 사용해 보기 Remix에서 세션을 이용한 쿠키 사용해 보기 Remix 프레임워크에서 세션을 이용한 쿠키 작동 설명 mycodings.fly.dev Remix 프레임워크에서 쿠키(Cookie)를 만들어 봅시다. Remix 프레임워크에서 쿠키(Cookie)를 만들어 봅시다. Remix 프레임워크에서 간단한 쿠키 생성, 테스트 알아보기 mycodings.fly.dev

안녕하세요? 개인적으로 블로그에 Disqus와 Utterance 댓글창을 한번 달아봤는데요. Disqus는 너무 로드하는게 많아서 Utterance로 정착했습니다. Utterance의 단점은 github 계정이 있어야 글을 쓸 수 있다는 단점이 있는데요. 제 블로그 글이 전부 코딩 관련이라 github 계정이 다들 있을 거라 생각해서 Utterance를 달았습니다. 다음 글을 참고 바랍니다. 제가 개인 블로그에 쓴 글입니다. React로 만든 블로그에 Disqus 댓글창 달기 React로 만든 블로그에 Disqus 댓글창 달기 Disqus 댓글 창 React 애플리케이션에 적용하기 (Next.js, Remix) mycodings.fly.dev Disqus 말고 좀 더 가벼운 Utterances 댓글 창 ..

안녕하세요? 제가 요즘 Next.js 보다 더 빠져있는 Remix Framework에서 구글 애널리틱스 적용하는 방법에 대해 알아 보겠습니다. 제가 다른 블로그에 쓴 글을 보시면 쉽게 적용할 수 있을 겁니다. Remix Framework에 구글 애널리틱스 적용하기 더보기 안녕하세요? 새로운 블로그를 오픈하면서 구글 애널리틱스 적용을 시도해 보았습니다. 제가 쓰는 블로그 시스템은 Remix Framework으로 만든 Speed Metal Stack인데요. 기본 뼈대는 Remix라서 일단 구글링을 해보고 테스트해봤는데 정상적으로 작동하더라고요. 이제 어떻게 구글 애널리틱스를 Remix 프레임워크에 적용시키는지 알아보도록 합시다. 먼저, 구글 애널리틱스 계정이 있어야겠죠. 자신의 계정에 들어가서 아래 그림처럼..

안녕하세요? 요즘은 React 개발을 무조건 Next.js로 하는 추세인데요. 제가 다른 블로그에 쓴 좋은 글이 있어 소개하려고 합니다. Next.js에서 _document.js와 _app.js의 차이점 파헤치기 Next.js에서 _document.js와 _app.js의 차이점 파헤치기 Next.js에서 _document.js와 _app.js의 차이점 파헤치기 mycodings.fly.dev Next.js에서 _app.js 파일의 역할은? Next.js에서 _app.js 파일의 역할은? Next.js에서 _app.js 파일의 역할은? mycodings.fly.dev Next.js에서 _document.js 파일의 중요성과 역할 Next.js에서 _document.js 파일의 중요성 Next.js에서 _d..

안녕하세요? 자바스크립트 ES6에 대해 제가 쓴 블로글을 모아 봤습니다. 많은 도움이 되었으면 하네요. 자바스크립트 ES6 - 배열의 디스트럭쳐링(구조 분해 할당) 자바스크립트 ES6 - 객체의 디스트럭쳐링(구조 분해 할당) 자바스크립트 ES6 - 스프레드 연산자(spread operator) 이해 자바스크립트 ES6 - 나머지 매개변수(rest parameters) 이해 자바스크립트 ES6 - 디폴트 파라미터(default parameters) 자바스크립트 ES6 - 모듈(modules)

안녕하세요? 간만에 블로그 올립니다. 오늘은 엊그제 갔던 당진시 송산면 유곡리 일대 꽤 괜찮은 한정식집을 소개할려고 합니다. 이름은 좀 특이한게 "이장님밥상" 입니다. 농촌이라 그런지 농촌이장님이 식당을 운영하시는지 이름도 꽤 의미있게 지었습니다. 위치는 다음과 같습니다. 길따라가다가 간판이 아주 크게 되어 있어 쉽게 찾을 수 있을겁니다. 그럼 한번 들어가 볼까요? 일단 메뉴판입니다. 여러가지가 있지만 일하시는 분이 추천해준 메뉴는 바로 이장님누룽지삼계탕이더군요. 메뉴판을 좀더 찍어 봤습니다. 저는 이장님닭도리탕을 시켰습니다. 재료부터 새로 조리하는지 30분을 기다리라고 하네요. 일단 30분 기다리라는 말은 처음부터 조리한다는 얘기고, 냉장고에 있는걸 데워준다는게 아니라서 일단 좋았습니다. 때마침 지역분..

아이오닉 브랜드의 두 번째 모델이자 최초의 '일렉트리파이드 스트림라이너' 유선형의 우수한 공력성능 갖춘 외관과 아름다운 비율로 완성된 여유로운 공간 세계 최고수준의 전기소비효율 6.2km/kWh, 1회 충전 주행가능거리 524km 달성 현대자동차 전용 전기차 브랜드 아이오닉의 두 번째 모델인 아이오닉 6(IONIQ 6, 아이오닉 식스)’가 마침내 완전 공개됐다. 현대자동차는 14일(목) ‘아이오닉 6 디지털 월드 프리미어’ 영상을 공개했다. 이날 아이오닉 6의 주요 디자인 및 상품성을 담아낸 론칭 영상이 현대자동차 유튜브 채널(https://youtu.be/QDP2Otyb9EI) 및 캠페인 페이지(ioniq6.hyundai.com)를 통해 전 세계에 중계됐다. 현대자동차 대표이사 장재훈 사장은 온라인으로..

리믹스 프레임워크, Remix Framework, TMDB API 사용, Link prefetch 기능 안녕하세요? 제가 최근에 Remix Framework을 자주 사용하게 되는데요. 사용해본 결과 진짜 빠릅니다. NextJS가 긴장해야 될 수준이고요. 참고로 개인 프로젝트에서 DB 데이터 260만 개의 Sqlite3 쿼리 써칭 결과 NextJS에서는 진짜 너무 오래 걸렸는데 Remix 프레임 워크에서는 정말 순식간에 로딩되었습니다. 그리고 Remix가 좋은 점이 HTML의 전통적인 사용 방식을 사용하고 있기 때문에 Remix를 쓰다 보면 웹 표준에 대해 더 자세히 알 수 있는 게 좋았습니다. Remix의 좋은 점은 정말 여러 가지가 있는데요, 신생 프레임워크이기 때문에 아직은 유저가 별로 없지만 저는 ..