분류 전체보기 686

Remix Framework 살펴보기

안녕하세요? 오늘은 Remix 프레임워크에 대해 알아볼까 합니다. React 생태계에서 가장 잘 나가는 프레임워크가 바로 Next.JS인데요. 저도 왠만하면 거의 모든 프로젝트는 모두 NextJS로 만듭니다. NextJS는 사실 현재 엔터프라이즈 기업들이 애용하는 최고 수준의 리액트 프레임워크인데요. 작년 말에 나온 Remix 프레임워크가 제 눈에 많이 들어오고 있어 오늘은 Remix를 한번 살펴볼까 합니다. https://remix.run/ 설치 일단 터미널 창에서 아래와 같이 실행시켜보겠습니다. npx create-remix@latest remix-tutorial create-remix 패키지를 설치하라고 물어보면 Y를 눌러줍니다. Remix 프레임워크는 기본적인 설정을 사전에 준비시켜 주는데요. 첫..

코딩/React 2022.03.01

Supabase와 NextJS로 블로그 만들기 - Search

안녕하세요? 이번 시간에는 Supabase 블로그 마지막 시간이 Search 기능 추가 시간입니다. 블로그 포스트의 생성, 조회, 업데이트, 삭제 기능을 완성했는데요. 남은 건 바로 검색 기능입니다. /pages/post/search.tsx 파일로 진행할 예정입니다. 일단 User-Authenticated 템플릿을 아래와 같이 준비합시다. import React, { useState } from "react"; import Link from "next/link"; import { GetServerSideProps } from "next"; import { useMessage } from "../../lib/message"; import { useFormFields } from "../../lib/util..

코딩/React 2022.03.01

바퀴 달린 모든 모빌리티의 미래를 위해, 현대모비스의 e-코너 모듈

미래에는 자동차의 범주가 더욱 넓어질 것입니다. 이동식 카페, 이동식 병원 등 다양한 ‘목적 기반 모빌리티(PBV, Purpose Built Vehicle)’가 도심을 누빌 전망입니다. 하지만 목적 기반 모빌리티가 현실이 되려면 넘어야 할 벽이 많습니다. 가령 커다란 차체를 자유롭게 움직일 수 있어야 하죠. 지금의 기술로 좁은 길에서 방향을 바꾸려면 전진과 후진을 몇 번이고 반복해야 할 것입니다. e-코너 모듈을 장착한 현대모비스의 콘셉트카 엠비전 투고(M.Vision 2GO) 따라서 목적 기반 모빌리티의 시대에는 새로운 개념의 바퀴가 필요합니다. 현대모비스가 e-코너 모듈을 개발한 이유죠. e-코너 모듈은 차량의 각 바퀴 안에 구동, 제동, 조향, 서스펜션 시스템을 통합한 차세대 기술입니다. 인휠모터,..

자동차 2022.02.28

플래그십 세단의 시트는 무엇이 다를까?

자동차의 시트는 자동차와 탑승자를 연결하는 중요한 부품입니다. 차에 타는 순간부터 내릴 때까지, 탑승자는 시트에 앉아 시간을 보내죠. 게다가 시트는 승차감을 결정짓는 핵심 요소 중 하나입니다. 자동차가 아무리 노면 충격을 잘 걸러내도 시트가 불편하다면 승차감이 나쁘다고 느낄 수 밖에 없습니다. 자동차 제조사들이 시트 설계와 제작에 많은 공을 들이는 이유입니다. 특히, 제네시스 G90와 같은 럭셔리 브랜드의 플래그십 모델에게 시트는 더욱 중요합니다. 승차감이나 착좌감이 좋아야 하는 것은 물론이고, 문을 열었을 때 가장 먼저 눈에 띄는 부분인 까닭에 인테리어 디자인이나 감성 품질 평가에도 많은 영향을 미칩니다. 몸이 직접 닿는 시트 표면 마감재의 품질도 고급스러워야 합니다. 즉, 편안하면서도 시각이나 촉각까..

자동차 2022.02.28

아이오닉 5와 EV6, 독일 전문 매체 비교 평가에서 최신 동급 경쟁 모델을 압도하다

현대자동차그룹의 최신 전용 전기차에 대한 독일 시장의 뜨거운 관심이 좀처럼 식을 줄 모르고 있다. 현대자동차 아이오닉 5와 기아 EV6가 독일의 자동차 전문지 이 최근 실시한 5종의 크로스오버 전기차 비교 평가에서 나란히 1, 2위를 차지한 것이다. 잘 알려져 있다시피 아이오닉 5와 EV6는 이미 독일과 유럽 내에서 여러 수상과 호평을 통해 전기차 시장에서 새로운 강자로 입지를 다져가고 있다. 아이오닉 5의 경우, 이미 한 차례 으로부터 최고의 전기차로 선정된 바 있다. 당시 경쟁 상대는 BMW iX3, 아우디 Q4 e-트론이었다. 아울러 독일의 또 다른 자동차 전문 매체 와 가 각각 실시한 폭스바겐 ID.4 GTX와의 비교 평가에서도 우위를 드러낸 바 있다. 그 외에도 아이오닉 5는 지난해 10월 독일..

자동차 2022.02.28

고성능 주행 감성을 더한 럭셔리 SUV, 제네시스 GV70 전동화 모델

GV70 전동화 모델은 제네시스의 중형 럭셔리 전동화 SUV로 배터리의 이상적인 배치와 서스펜션 튜닝 등을 통해 기존 내연기관 모델의 고급스러운 주행감은 그대로 유지하면서 빠르고 강력한 전기차 특성을 최적화했습니다. 뛰어난 동력 성능과 전기차 특화 신기술에 고급 편의사양까지 대거 적용한 GV70 전동화 모델은 고급 중형 SUV 전기차 시장을 이끌어 나갈 예정입니다. 전동화 SUV 모델만의 차별화된 요소를 더한 디자인 GV70 전동화 모델은 기존 내연기관 모델의 여유롭고 균형 잡힌 실내와 세련되고 역동적인 외관을 계승하면서 다양한 친환경 소재로 전동화 SUV 모델만의 차별화된 요소를 더했습니다. 전면부 그릴은 공기역학적 효율을 고려한 전기차 전용 지-매트릭스 패턴으로 제네시스 고유의 전기차 이미지를 표현했..

자동차 2022.02.28

힐스테이트 Gen Z Style, 트렌디한 갤러리로 재탄생하는 아파트 공간들

현대건설이 힐스테이트 브랜드만의 새로운 디자인 콘셉트인 ‘Gen(Generation) Z Style’을 선보였다. 아파트 단지 내 공용 공간에 다채로운 색감과 독특한 양식으로 생기를 불어넣는 ‘Gen Z Style’을 소개한다. 현대건설이 자사 아파트 브랜드인 힐스테이트를 통해 아파트 단지의 획일화된 구역에 생동감을 더하는 새로운 변화를 시도하고 있다. 지난해 6월 공개한 힐스테이트 전용 신규 디자인 콘셉트인 ‘Gen(Generation) Style’이 대표적이다. 이는 다채로운 색상과 감각적인 양식(패턴)을 활용해 개발된 디자인 콘셉트로, 거주민들에게 활력을 불어넣어 줄 뿐만 아니라 브랜드 이미지도 제고한다. 지하 주차장부터 우편함, 문주 등 광범위하게 아파트 공용 공간에 예술을 더해 기존의 아파트에서..

경제, 일상 2022.02.28

< Inside the G90 / 고급 디테일편 > 제네시스 G90, 섬세한 차이로 플래그십 세단의 고급감을 완성하다

럭셔리 브랜드의 플래그십 모델은 디테일로 진정한 고급감을 완성한다. 눈에 띄지 않는 곳까지 완벽함을 추구한 G90의 디테일을 살펴봤다. 플래그십 세단은 브랜드를 대표하는 상징적인 모델이다. 따라서 고유의 디자인 철학은 물론 브랜드의 모든 기술력이 총동원된다. 하지만 플래그십 모델의 진정한 가치는 디테일에서 판가름 난다. 럭셔리 브랜드 특유의 고급스러운 디자인과 정교한 만듦새, 그리고 세심한 마감과 고객 편의를 위한 첨단 기술까지, 눈에 잘 띄지 않지만 철저히 고객을 배려한 디테일로 차별화된 매력을 제공한다. 제네시스 G90 역시 럭셔리 브랜드에 걸맞은 고급스러운 디테일로 차량 곳곳을 메우고 있다. 플래그십다운 견고한 주행 성능과 아름다운 디자인은 물론, 매끈하게 가다듬은 클램쉘 후드와 고객과 반응하는 오..

자동차 2022.02.28

<Inside the G90 / 서스펜션편> 럭셔리 세단의 품격을 완성하는 승차감의 비결, 제네시스 G90 멀티 챔버 에어 서스펜션

제네시스 G90는 멀티 챔버 에어 서스펜션으로 럭셔리 브랜드 플래그십 세단에 걸맞은 뛰어난 승차감을 완성했다. G90의 에어 서스펜션이 가진 특징을 소개한다. 한 브랜드의 정점에 있는 플래그십 제품이라면 달라도 뭔가 달라야 한다. 디자인, 혁신적인 기술, 차별화된 가치 등 기존의 영역을 뛰어넘는 남다른 특징을 지녀야 한다. 디지털 제품이든 자동차든 마찬가지다. 태생부터 남다른 럭셔리 자동차 브랜드의 플래그십 모델이라면 더욱 그렇다. 4세대로 진화한 제네시스의 플래그십 세단 G90의 멀티 챔버 에어 서스펜션이 바로 이런 경우에 해당한다. G90는 이를 통해 고급스럽고 안락한 승차감을 완성했다. G90의 에어 서스펜션의 핵심은 주행 상황과 주행 모드에 맞춰 승차감 및 핸들링 성능을 조절할 수 있는 멀티 챔버..

자동차 2022.02.28

<Inside the G90 / 라이팅 기술편> 빛으로 럭셔리 플래그십 세단을 완성하다

제네시스의 플래그십 세단 G90의 슬릭한 디자인을 완성할 수 있었던 건 다름 아닌 세계에서 가장 슬림한 헤드램프와 브랜드 아이덴티티를 담아낸 테일램프다. 이를 완성한 담당 연구원들에게 관련 기술에 대한 상세하고 전문적인 설명을 들어보았다. 신형 G90는 콘셉트 모델을 고스란히 옮긴 듯한 화려하고 슬림한 램프 디자인으로 소비자들의 시선을 사로잡고 있다. 빛을 모으는 역할을 해 현미경과 망원경 등에 활용되고 있는 MLA(Micro Lens Array) 기술로 세계에서 가장 슬림한 디자인을 구현한 헤드램프와 브랜드 아이덴티티를 담은 파격적인 테일램프가 G90 고유의 럭셔리한 디자인을 완성한 것이다. 신형 G90의 라이팅 기술을 완성한 라이팅비전설계팀 홍완희 책임연구원과 정병호 책임연구원(좌측부터) 잘 알려져 ..

자동차 2022.02.28