코딩/Javascript 63

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

로또에서 제일 많이 나온 숫자는 뭘까요?

예전에 로또 처음 시작했을 때 1등이 몇번 이월되고 당첨금이 계속 쌓이니까 우리 사회나, 직장 내에서도 광풍이 불었었는데요. 오늘은 로또 얘기를 좀 해볼까 합니다. 저는 개인적으로 로또 숫자를 고를 때 첫번째 당첨번호부터 맞추는 걸 좋아합니다. 그래서 통계 좀 내 봤는데요, 역대 로또 당첨번호 중에 첫번째 숫자로 가장 많이 나온 번호가 뭔지 아십니까? 다름 아닌 "1" 입니다. "일"입니다. 무려 첫번째 숫자로 "1"이 나온 경우가 2020년 11월 28일까지 결과를 보면 131번 있었습니다. https://lotto365.netlify.app/ 로또 365 lotto365.netlify.app 그럼 "2" 는 첫번째 숫자로 몇 번 나왔을까요? 결과는 "104"번입니다. 자 그럼, 우리도 통계를 이용해서..

코딩/Javascript 2020.12.01