드리프트의 세상 사는 이야기

안녕하세요? 얼마전부터 Tailwind CSS 강좌를 이어 가고 있는데요. 처음에는 어려웠지만 계속 도전해 보니까 예전에 배웠는 HTML + CSS 지식이 다시금 살아나서 좋았습니다. Tailwind CSS 의 장점은 본인의 상상이 그대로 UI로 이어진다는데 있는거 같습니다. 앞으로 Tailwind CSS를 이용한 나만의 UI 라이브러리를 구축해 볼까 합니다. 그래서 지난번에 만들었던 Top Navbar 글의 후속편인데요. https://cpro95.tistory.com/531 Tailwind css 반응형 메뉴 navbar 만들기 안녕하세요? 오늘은 지금까지 쭉 관심있게 지켜본 Tailwind CSS 에 대해 공부해 볼까 합니다. Tailwind CSS 가 최근 가장 핫한 CSS 유틸인데요. React..

안녕하세요? 오늘은 한글날 대체 연휴 겸 일이 있어 강릉에 갔다 왔는데요. 연휴 첫날부터 비가 오기 시작해서 어디 돌아다니지도 못했는데 신기하게 둘째 날(일요일)은 날씨가 기가 막히게 좋았습니다. 낮에는 초여름 더위같이 한 낮 기온이 올라가서 긴팔티가 여간 편하지만은 않았는데요. 저번에는 정동진 - 심곡항 - 동해묵호항 - 삼척 새천년도로 코스로 움직였는데요. https://cpro95.tistory.com/519 강릉 드라이브코스 추천 정동진 심곡항, 삼척 새천년도로 안녕하세요? 오늘은 추석 때 다녀왔던 강릉 얘기를 뒤늦게나마 하려고 하는데요. 핸드폰에 저장되어 있는 사진이 너무 아까워서 같이 보려고 합니다. 그리고 너무나 좋은 드라이브코스를 추천 cpro95.tistory.com 이번에는 그 반대 방..

안녕하세요? 오늘은 지금까지 쭉 관심있게 지켜본 Tailwind CSS 에 대해 공부해 볼까 합니다. Tailwind CSS 가 최근 가장 핫한 CSS 유틸인데요. React 로 UI 디자인은 보통 Material-UI, Bootstrap, Ant Design 등으로 많이 만드는데요. 최근에는 좀더 가벼운걸 찾는 추세라 Tailwind CSS 가 뜨고 있습니다. Tailwind CSS 는 일반적으로 CSS 헬퍼 유틸(Helper Utilities)이라고 하는데요. 예를 들어 일반적으로 CSS로 마진을 부여할 때는 margin-right : "20px" 이렇게 쓰는데요, Tailwind CSS에서는 좀 더 간편하게 줄여서 다음과 같이 씁니다. mr-10 헬퍼 유틸이라 줄임말이 많습니다. 그래서 처음에는 헷..

안녕하세요? 오늘은 자바스크립트 프레임워크에 대해 알아 보겠습니다. 20년전 초장기에는 jQuery가 웹 개발에서 차지하는 비중이 대단했었는데요. React가 나오면서 자바스크립트 프레임워크 세계에서 일대 혁명을 일으켰습니다. 사실 Angular 가 먼저 붐을 일으켰지만 Angular는 너무 어려워서 React가 대세가 되었죠. React의 Virtual DOM 이 대 유행하면서 Vue가 나왔고, 중국을 위주로 Vue가 React를 추격하는 모양새가 되었지만, 미국을 중심으로한 React의 아성에는 못 미치고 있습니다. 최근에는 Svelte 등 여러가지 자바스크립트 프레임워크가 나오고 있으며, 각각 React의 아성에 도전하려고 노력하고 있습니다. 그래서 오늘은 자바스크립트 Todo 앱을 통해 각각의 프..

안녕하세요? 지난시간에는 NextJS, NextAuth, Prisma 를 사용하여 카카오 로그인, 네이버 로그인, 구글 로그인에 대해 알아 보았는데요. 1편: 카카오 로그인 https://cpro95.tistory.com/516 카카오 로그인 구현 React(리액트) Nextjs NextAuth kakao login 안녕하세요? 지난 시간에는 NextJS와 MongoDB로 유저 로그인 세션 구현하기에 도전해 봤는데요. 최근에는 직접 유저 가입과 그 정보를 DB에 저장하는 거는 굉장히 위험한 일입니다. 그래서 각 대표 cpro95.tistory.com 2편: 네이버 로그인 https://cpro95.tistory.com/517 네이버 로그인 구현 React(리액트) Nextjs NextAuth naver ..

안녕하세요? 지난시간에는 NextJS, NextAuth, Prisma 를 사용하여 카카오 로그인, 네이버 로그인, 구글 로그인에 대해 알아 보았는데요. 1편: 카카오 로그인 https://cpro95.tistory.com/516 카카오 로그인 구현 React(리액트) Nextjs NextAuth kakao login 안녕하세요? 지난 시간에는 NextJS와 MongoDB로 유저 로그인 세션 구현하기에 도전해 봤는데요. 최근에는 직접 유저 가입과 그 정보를 DB에 저장하는 거는 굉장히 위험한 일입니다. 그래서 각 대표 cpro95.tistory.com 2편: 네이버 로그인 https://cpro95.tistory.com/517 네이버 로그인 구현 React(리액트) Nextjs NextAuth naver ..

고품질 카메라부터 선명한 디스플레이까지, 갤럭시 Z 플립3는 다양한 혁신 기술로 폴더블 스마트폰의 영역을 한층 넓혔다. 특히 전작보다 4배가량 커진 1.9인치 커버 스크린은 사용자에게 새로운 스마트폰 사용 경험을 전한다. 스마트폰을 펼치지 않고도 좋아하는 앱과 다양한 기능을 활용할 수 있고, 메시지를 비롯한 각종 알림까지 확인할 수 있다. 갤럭시 Z 플립3 커버 스크린의 개성 넘치는 스타일과 알찬 기능을 하나씩 확인해보자. 1. 커버 스크린이 곧 지갑으로, 삼성 페이 가방이나 주머니에서 지갑을 꺼내 카드를 찾는 번거로움은 이제 그만. 갤럭시 Z 플립3를 쥐고 엄지만 살짝 움직이면 간단하게 결제할 수 있다. 전원 버튼을 누르거나 커버 스크린을 두 번 터치하여 커버 스크린을 켜고, 화면을 위로 밀면 삼성 페..

갤럭시 Z 플립3 5G 전용 액세서리는 사용자의 개성을 표현하는 또 하나의 ‘패션 아이템’이다. 다양한 색상과 소재로 데일리룩에 강렬한 포인트 역할을 하기 때문이다. 삼성전자 뉴스룸이 이번 가을·겨울 패션 트렌드에 맞춰, 갤럭시 Z 플립3 5G 액세서리로 데일리룩을 더욱 개성 있게 연출하는 방법을 준비했다. 아래 카드뉴스를 통해 함께 확인해보자.

삼성전자 최신 폴더블폰 ‘갤럭시 Z 폴드3’를 제네시스 신형 전기차 ‘GV60’의 디지털 키(Digital Key)로 사용할 수 있게 된다. 삼성전자는 혁신적인 초광대역(Ultra-Wideband, UWB) 기술 기반의 디지털 키 서비스를 제네시스 ‘GV60’에 최초 적용했다. ‘갤럭시 Z 폴드3’ 등 UWB가 지원되는 갤럭시 스마트폰의 디지털 키 서비스 사용자가 ‘GV60’ 가까이 다가가면, 자동차 문에 스마트폰을 직접 접촉하지 않아도 편리하게 문을 잠그거나 잠금 해제를 할 수 있다. 사용자가 설정한 기간에 갤럭시 스마트폰을 사용하는 친구나 가족에게 ‘삼성 패스(Samsung Pass)’ 애플리케이션을 통해 안전하게 자동차 키 공유도 가능하다. 초광대역 기술은 블루투스와 와이파이와 같이 전파를 활용하는..

기아 쏘렌토가 최고의 캠핑 카라반용 자동차를 선정하는 영국 ‘토우 카 어워드 2021’에서 종합 우승을 차지했다. 이번 수상에 담긴 의미를 소개한다. 영국의 주요 자동차 전문 매체인 ‘〈왓카(What Car?)〉’가 진행하는 ‘토우 카 어워드 2021(Tow Car Awards 2021)’에서 기아 쏘렌토가 부문 우승과 종합 우승(Winner)을 차지했다. 이는 뛰어난 자동차 제조 기술뿐만 아니라 캠핑 카라반 및 캠핑 트레일러 이용 등 고객의 라이프스타일에 대한 이해 없이는 불가능한 결과라는 점에서 의미가 깊다. 캠핑 카라반(이하 카라반) 여행을 즐기는 유럽인들의 사용 패턴을 반영한 덕분에 온 가족이 장거리 여행에서 쾌적함을 누릴 수 있으며, 카라반을 매달고도 안정적으로 주행이 가능한 자동차로 인정받았다..