분류 전체보기 1220

3편, 카카오톡 웹 버전 만들기 (React, Material-UI)

안녕하세요? 2편까지 리액트(React)로 카카오톡 웹 버전이라는 그럴싸한 취미앱을 만들었는데요, 이제 어디서든 쓸 수 있게 웹에 호스팅하는 방법을 알려 드리겠습니다. 먼저 우리의 사이트를 Github 리포지터리에 업로드해야 합니다. Github에 가셔서 새로운 Repository를 만듭니다. 우리의 프로젝트 이름이 kakao-test이니까 이름도 같은 걸로 했습니다. 그럼 다음, 우리의 프로젝트를 Github에 push 해야 겠죠. git add --all git commit -m "kakao-test version 1.0" git remote add origin https://github.com/cpro95/kakao-test.git git branch -M main git push -u origin..

코딩/Javascript 2020.12.07

2편, 카카오톡 웹 버전 만들기 (React, Material-UI)

안녕하세요? 1편에 이어 2편째 쓰고 있는 카카오톡 웹 버전 만들기 (React, Material-UI)입니다. 1편에서는 카카오 디벨로퍼 세팅하는 방법을 알아 보았는데요, 2편에서는 본격적인 코딩을 해보겠습니다. 일단 터미널창에서 다음과 같이 입력합니다. create-react-app kakao-test cd kakao-test yarn start 리액트 앱을 "kakao-test"라는 이름으로 만들고 "yarn start"로 서버를 돌린 상태입니다. 정상적으로 돌아가는 모습은 다음과 같습니다. create-react-app명령어가 없다면 다음과 같이 입력하여 설치하시면 됩니다. npm install -g create-react-app 우리의 리액트 앱이 잘 실행되고 있네요. 그럼 본격적인 코딩에 들어..

코딩/Javascript 2020.12.06

1편, 카카오톡 웹 버전 만들기 (React, Material-UI)

안녕하세요? 2021년 9월 25일 세번째 업데이트가 있어 글을 수정합니다. 기존의 NextJS + Material-UI에서 NextJS + Chakra-UI로 변경했습니다. 이번에 Chakra-UI로 작업한 결과 느낀 점은 굉장히 가볍고 사용하기 쉬운 UI 라이브러리라는 겁니다. Material-UI 가 생각보다 많이 무겁기 때문에 앞으로는 Chakra-UI를 더 많이 사용할 거 같네요. 그럼. 많은 이용 부탁드립니다. https://kakaoweb.netlify.app/ 카카오톡 웹 카카오톡 웹은 Kakao Developer API와 NextJs, Chakra-UI로 만들어졌습니다. 카카오톡 PC 버전 설치 없이 간단한 메시지와 이미지를 전송할 수 있습니다. kakaoweb.netlify.app 안녕..

코딩/Javascript 2020.12.06

2021년형 제네시스 G80과 Mercedes 벤츠 E450

2021년형 G80이 대대적인 변화를 갖고 나왔습니다. 과연 동급 최강 럭셔리 세단인 벤츠 E-Class의 아성을 넘을 수 있을까요? 고급 중형 세단의 침체 속에 메르세데스-벤츠와 제네시스는 고급 중형 세단 부문에서 역량을 두 배로 늘리고 있습니다. 두 자동차 제조업체 모두 중형 세단 (각각 E-Class와 G80)을 더욱 특별하게 만들기 위해 포트폴리오를 최대한 활용하고 있습니다. 부드러운 승차감, 우아한 디자인, 편안한 실내 분위기로 대표되는 E-Class는 계속해서 개선하고 고객의 요구 니즈에 맞추기 위해 꾸준히 발전하고 있습니다. 반면에 새로 나온 Genesis G80은 이 바닥에선 신인입니다. 독일차가 지배하는 고급 중형 세단 경쟁 부문에 진입하기 위해 현대차는 마스터플랜을 가지고 럭셔리 브랜드..

자동차 2020.12.06

4편, c++ 프로그래밍 CMake 예제

안녕하세요? C++ 프로그래밍 4번째 편입니다. 3편까지 프로젝트의 기본 구성을 TDD (Test-Driven Development)에 맞게 구성했으며, 첫 번째 유닛 테스트까지 완료했습니다. 자 그럼, 원래의 목적인 renamer-youtube-dl에 맞게 라이브러리를 확장해 나가 볼까요? 그럼, TDD에 맞게 테스트를 해야 되는데 어떤 이유 때문에 우리가 이 프로그램을 만드는지 한번 볼까요? https://cpro95.tistory.com/42 유튜브에서 블랙핑크 뮤직비디오 다운 받기 안녕하세요? 유튜브 보시다 보면 꼭 맘에 드는 콘텐츠를 다운로드하고 싶은 욕망이 생길 때가 있는데요. 그래서 나온 게 youtube-dl 이란 파이썬 프로그램이 있습니다. https://github.com/ytdl-or..

코딩/C와 C++ 2020.12.05

제네시스 G70 경쟁차 비교 (BMW 3, 벤츠 C-Class, Audi A4)

Genesis G70 현대차의 프리미엄 서브 브랜드 제네시스가 G70 세단을 출시하면서 BMW 3 시리즈, Audi A4가 지배하고있는 시장에서 치열한 경쟁을 할것으로 보입니다. Genesis G70은 대부분의 부품을 Kia Stinger와 공유합니다. 보급형 모델은 251bhp 및 353Nm의 토크를 가진 터보 차저 2.0리터 4기통 가솔린 장치로 구동됩니다. G70의 2.2리터 4기통 디젤 모델은 199bhp 및 440Nm의 토크를 출력하는 반면, 플래그십 터보 차저 3.3리터 V6 엔진 (Stinger GTS와 동일)은 368bhp 및 510Nm의 토크를 제공합니다. 플래그십 모델은 4륜구동으로서 네 바퀴 모두에 드라이브를 보내고 신형 BMW M3에서 볼 수있는 것처럼 드리프트 모드가 내장되어 있습..

자동차 2020.12.04

제네시스 GV70 럭셔리 SUV 와 경쟁차 비교 2탄(아우디 Q5, 볼보 XC60, 재규어 F-Pace)

제네시스 GV70과 경쟁할 수입차 비교 2탄입니다. Audi Q5 아우디 Q5는 2세대에 불과하지만 시장에서 가장 인기있는 프리미엄 SUV 중 하나로 확고하게 자리 잡았습니다. BMW X3 및 메르세데스 GLC와 같은 매우 견고한 라이벌입니다. Q5는 Q7 및 Audi A4와 섀시 부품을 공유합니다. 편안하고 세련된 주행 경험을 제공하지만 X3 또는 Jaguar F-Pace와는 다릅니다. 그러나 매우 잘 완성 된 실내와 최고의 인포테인먼트 패키지를 포함하여 에어백 안전 기술 및 하이테크로 이를 보완합니다. 2.0리터 디젤은 쾌속 패밀리 SUV로 좋은 선택이 될 것입니다. 2.0리터 휘발유는 나쁘지 않게 충분한 출력을 제공하지만 연비가 별로 좋지 않으며, 여유가 있다면 플러그인 하이브리드 모델 중 하나를 ..

자동차 2020.12.03

유튜브에서 블랙핑크 뮤직비디오 다운 받기

안녕하세요? 유튜브 보시다 보면 꼭 맘에 드는 콘텐츠를 다운로드하고 싶은 욕망이 생길 때가 있는데요. 그래서 나온 게 youtube-dl 이란 파이썬 프로그램이 있습니다. https://github.com/ytdl-org/youtube-dl ytdl-org/youtube-dl Command-line program to download videos from YouTube.com and other video sites - ytdl-org/youtube-dl github.com 설치는 운영체제 환경에 맞게 설치하시면 됩니다. 이제 기본적이면서 제가 많이 쓰는 사용법에 대해 알려 드리겠습니다. 일단 유투브에서 동영상 링크를 하나 구해야겠죠. 예를 들어 블랙핑크의 Pretty Savage 란 곡을 예로 들겠습니다..

사용기 2020.12.03

3편, c++ 프로그래밍 CMake 예제

안녕하세요? 2편까지 TDD 의 유닛테스트인 myTest.cpp 까지 만들어 봤는데요. 이제 TDD 유닛테스트를 할려면 컴파일해서 실행해 봐야겠죠. 컴파일은 가장 유명하고 많이 쓰는 cmake를 이용하겠습니다. 일단 프로젝트 상단에 최상위 CMakeLists.txt 파일을 만들고, test 폴더에도 CMakeLists.txt 파일을 만들어 자동으로 컴파일 및 유닛테스트가 실행되게끔 할 예정입니다. 일단 최상위 CMakeLists.txt 파일을 만듭시다. CMakeLists.txt 의 기본 내용은 다음과 같습니다. # Example CMake file for compiling & linking a project # # Copyright (c) 2012-2020 cpro95 (cpro95@gmail.com)..

코딩/C와 C++ 2020.12.03

제네시스 GV70 럭셔리 SUV 와 경쟁차 비교 (BMW X3, 벤츠 GLC, 랜드로버 Discovery)

현대차의 고급차 브랜드인 제네시스(Genesis)가 새로운 GV70을 공개했습니다. BMW X3, 메르세데스 GLC, 랜드로버 디스커버리 스포츠에 필적하는 중형 럭셔리 SUV입니다. Genesis GV70은 G70 세단과 동일한 후륜 구동 플랫폼 기반입니다. 따라서 구매자는 251마력 2.0리터 4기통 가솔린과 199마력 2.2리터 4기통 디젤을 포함한 동일한 범위의 엔진을 제공받을 가능성이 높습니다. 또한 GV70의 최고급 버전이 전륜구동과 함께 제공될 것이라고 확인됐습니다. 구동계는 플래그십 G70 세단과 공유될 것으로 예상되며 동일한 368bhp 터보 차저 3.3리터 V6 가솔린 엔진과 탑재될 것으로 보입니다. Genesis GV70의 디자인은 G70 세단과 동일한 스타일 언어를 따르며, 거의 동일..

자동차 2020.12.03