분류 전체보기 686

자바스크립트 fetch를 이용한 비동기 및 동기방식 프로그래밍의 이해

NodeJS가 나오면서 자바스크립트는 세상을 바꿔놓을 정도의 임팩트를 보였는데요, C/C++ 프로그래머라면 자바스크립트를 처음 접했을 때 비동기 방식의 프로그래밍에 적응이 힘들었습니다. 오늘은 자바스크립트에서 많이 쓰이는 fetch에 대해 알아 보면서 동기식/비동기식에 대해 이해하도록 하겠습니다. 그럼, 먼저 개발 환경을 만들어 볼까요? NodeJS를 이용해서 만들도록 하겠습니다. 터미널에서 다음과 같이 입력하고 필요한 모듈을 설치하도록 합시다. mkdir fetch-test cd fetch-test npm init -y npm install xmlhttprequest --save code . fetch-test 란 폴더를 만들고 npm init으로 초기화 후 xmlhttprequest 모듈을 설치하고 ..

코딩/Javascript 2020.12.11

자바스크립트의 덧셈 연산 완벽 분석

NodeJS, DenoJS, TypeScript 모두 최근 가장 핫한 프로그래밍 언어인데요! 모두 자바스크립트입니다. 자바스크립트가 브라우저에서만 머물다가 NodeJS가 나오면서 본격적으로 유명해지기 시작했는데요. 이제은 웹페이지를 HTML, CSS, Javascript로 만들면 약간 촌스럽다고 해야 하나요? 다들 React, Vue, Angular, Svelte 등등 Javascript Framework을 많이 사용합니다. 그래도 이 모든 Framework의 기본은 자바스크립트인데요. 이번 블로그 내용은 자바스크립트에서의 덧셈 (Addition) (더하기) 에 대해 알아 보겠습니다. 맛보기로 다음 결과를 예상해 보시겠어요? true + [] = ? 어려우시죠? 이제 본격적으로 자바스크립트 덧셈에 대해 ..

코딩/Javascript 2020.12.09

현대차 전기차 전용 플랫폼 E-GMP (Electric-Global Modular Platform) 완전 분석

"현대 자동차 그룹이 도입 한 최초의 전용 BEV 플랫폼입니다." 현대 자동차 그룹이 완전히 새로운 전기차 전용 자동차 플랫폼인 E-GMP (Electric-Global Modular Platform)를 공식적으로 공개했습니다. 2021년부터 차세대 모델에 적용될 예정입니다. 2025년까지 전용 11대를 포함 해 23대의 완전 전기차를 출시 할 계획이며, 그러면 총 매출이 100만대에 달할 것으로 예상됩니다. 세부 사항을 살펴보겠습니다. 우선, E-GMP는 세단에서 CUV, SUV에 이르기까지 다양한 유형의 자동차에 적용될 정도로 유연한 플랫폼입니다. 또한 메인스트림 모델과 고성능 차량 모두에서 활용됩니다. 현대차는 E-GMP가 다양한 환경에서 모듈화되고 표준화되기 위해 많은 노력을 기울였습니다. 적어도..

자동차 2020.12.08

코로나 2.5단계는 어떤 변화가 있을까요?

안녕하세요? ​ 안타까운 소식이지만 코로나 확진자 수가 급격히 증가하고 있는 상황입니다. ​ 정부에서도 코로나 거리두기 2.5단계를 12월 8일 0시부터 28일(월)까지 3주간 시행한다고 합니다. ​ 같은 기간 비수도권 전 지역에서는 일괄적으로 2단계만 적용되네요. ​ 2.5단계는 신규 확진자가 전국 400~500명 이상 나오거나 환자 수가 두배씩 증가하는 '더블링' 현상이 있을 때 시행됩니다. ​ ​ 2.5단계에서는 무엇이 바뀔까요? 거리두기 2.5단계에서는 앞선 2단계보다 집합금지, 인원 제한 대상 분야가 더 폭넓게 적용됩니다. ​ 거리두기 2단계에서는 중점관리시설(총 9종) 가운데 유흥주점, 단란주점, 감성주점, 콜라텍, 헌팅포차 등 유흥시설 5종의 영업이 금지됩니다. 2.5단계에서는 추가로 학원,..

경제, 일상 2020.12.08

제네시스 GV70 완전 분석

Genesis의 소형 럭셔리 크로스 오버는 스타일의 경계를 무너뜨립니다. 현대차의 획기적인 명품 브랜드 제네시스에 대한 관심은 열광적입니다. 제네시스 라인업의 업데이트 된 G70, G80, G90 세단에 대한 이야기가 많이 회자되고 있습니다. 여기 새로운 2021 GV70 소형 럭셔리 SUV가 그 주인공입니다. GV70의 첫 번째 사진이 나왔을 때, 제네시스 라인업에서의 대담한 스타일링과 마찬가지로 두 개의 바 헤드 라이트와 미등, 거대한 오각형 그릴, 우아한 바디 라인 등 그 친숙함이 GV70에서도 보여집니다. GV70은 자동차 시장에서 가장 인기있는 부문 중 하나인 소형 럭셔리 SUV 시장에서 경쟁할 것으로 보여집니다. 제네시스의 경쟁 대상으로는 BMW X3, Audi Q5, Acura RDX, Me..

자동차 2020.12.07

도대체 애플 M1 칩은 왜 빠를까?

YouTube에는 작년에 산 40GB RAM 최대 4,000 달러 이상의 고가 iMac이 700 달러 정도의 새로운 M1 Mac Mini에 성능상으로 뒤지는 영상에 많이 올라왔었습니다. 실전 테스트에서도 벤치마크상의 숫자와 비슷한 결과가 나오는 데 도대체 어떻게 가능한 걸까요? 여기에서는 Apple이 M1으로 했던 것과 정확히 일치하는 각각의 조각으로 분해 할 계획입니다. 특히 많은 사람들이 가지고있는 질문은 다음과 같습니다. 이 M1 칩이 그렇게 빠른 기술적 이유는 무엇입니까? Apple이 이를 가능하게 하기 위해 정말 외계 기술을 선보인 걸까요? Intel과 AMD와 같은 경쟁 업체가 동일한 기술 수준을 끌어내는 것이 가능할까요? 물론 구글링해서 알아 볼 수는 있지만 Apple이 표면적인 설명을 넘어..

사용기 2020.12.07

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