Chaewon Kong's Dev Blog on web development and computer science. Frequently writes on JavaScript, React, React Native and Node.
© 2021. All rights reserved.
2021. 01. 06
Deno는 Node.js의 단점을 개선하기 위해 출시된 JavaScript/TypeScript 런타임으로, 안전하고, TypeScript를 자체적으로 지원하며, 모듈시스템을 개선했다. Deno를 가볍게 사용해보고 특징을 살펴본다.
2020. 11. 29
Webflow를 이용한 빠르고 간단한 웹사이트 만들기. SEO, 커스텀 코드 삽입, Code Export, 반응형 웹까지 한번에 간단히. 약간의 HTML/CSS 지식만 있으면 쉽고 간단하게 사용할 수 있습니다.
2020. 11. 18
React에서 input 텍스트가 입력될 때, 텍스트의 길이만큼 점진적으로 width가 늘어나도록 구현해 봅니다. contenteditable 속성을 활용하며, 일반 input이나 textarea처럼 placeholder를 넘겨 사용합니다. contenteditable로 입력할 수 있는 최대 글자수를 제한하는 방법도 알아봅니다....
2020. 10. 15
텐센트에서 제공하는 vConsole을 이용하면, 모바일에서의 웹 디버깅이 쉬워집니다. 모바일 기기에서 확인하기 힘들었던 콘솔로그, 네트워크 등을 vConsole로 쉽게 확인하세요.
2020. 09. 20
Using Firebase Hosting's multisite hosting, able to separate development from production. By implementing GitHub Action, deploy process to each namespace could be automated.
2020. 09. 18
How to implement Google OAuth in React using Firebase Auth.
2020. 08. 25
How to Implement React forceUpdate in Functional Component
2020. 04. 19
Jest와 Enzyme을 이용해 TypeScript 기반의 React에서 API 요청을 담당하는 Custom Hook을 테스트하는 방법들을 알아본다.
2020. 04. 15
React에서 TypeScript로 SVG를 편하게 사용하는 방법을 알아봅니다.
2020. 03. 18
Docker 및 Docker Compose를 활용해 React 앱을 배포해 본다.
2020. 03. 04
JSON 객체의 메소드를 이용하거나 재귀적 함수, Lodash를 이용해 JavaScript에서 Deep Copy(깊은 복사)를 하는 방법을 알아본다
2020. 02. 24
JavaScript로 Debounce 함수 구현하기
2020. 02. 13
Setting Up server that uses Node/Express.js with TypeScript.
2020. 02. 11
Lerna, React, TypeScript를 활용한 모노리포 세팅(번역)
2020. 02. 10
SW마에스트로 11기 지원하시는 분들을 위해 코딩 테스트에 대한 간단한 팁을 정리해 봤습니다.
2020. 01. 20
2019년 한 해 동안 SW마에스트로 활동을 하며 제가 얻은 것들을 정리해봤습니다.
튜토리얼(예제)을 직접 따라하며 React에서 TypeScript로 Redux-Saga의 사용법을 배워봅니다.
2020. 01. 14
Sass/SCSS에서 변수(Variables)와 믹스인(mixins)을 활용해 미디어 쿼리(Media Query)를 다루는 방법에 대해서 알아봅니다.
2020. 01. 08
JavaScript의 변수와 함수 호이스팅(Hoisting)에 대해서 알아본다.
2020. 01. 05
JavaScript의 이벤트(event) - 이벤트 개념, 이벤트 등록, 이벤트 버블링, 이벤트 캡처링, 이벤트 위임, 이벤트 종류 등 JavaScript와 HTML의 이벤트에 대해 알아본다.
2020. 01. 01
새내기 개발자의 2020 신년사
2019. 12. 29
극도로 유용한 11가지 비법을 통해 JavaScript 게임에서 레벨 업 하기[번역]
2019. 12. 23
React에서 TypeScript로 카카오 지도 API(Kakao Maps API)를 사용하는 방법을 알아본다.
2019. 12. 15
서버리스 프레임워크(Serverless Framework)와 Node를 이용한 TypeScript 서버 만들기 - AWS Lambda 및 API Gateway 활용 TypeScript를 활용하고, Node를 사용하는 서버리스 아키텍처를 서버리스 프레임워크(Serverless Framework) 기반으로 구현해 본다.
2019. 12. 13
술래잡기(백준 1697번) 파이썬 구현 (Python) - BFS를 이용해 "술래잡기"문제를 구현해 봅니다.
2019. 11. 15
React Native 프로젝트에서 TypeScript로 FontAwesome, Ionicons, MaterialIcons 등의 아이콘을 쉽게 사용하도록 도와주는 react-native-vector-icons 라이브러리를 사용해보자.
2019. 11. 12
Basic Linux commands for finding files in terminal - "find", "grep", "locate"
iOS 디버그 빌드 에러 - "Could not parse the simulator list output."
iOS debug Build Error - Could not parse the simulator list output.
2019. 11. 11
TypeScript로 작업 중인 React Native 프로젝트에 TypeScript 기반의 Redux를 도입하는 방법을 알아본다.
2019. 11. 08
When using react-native-maps with google maps in iOS, the white background info window(callout) shows no text in dark mode. Here's solution.
2019. 10. 28
React Native에서 TypeScript를 사용하고 AirBnB 스타일의 tslint를 적용해본다.
Python의 데크(deque)에 대해 알아보고 언제, 왜 써야 하는지 살펴본다
2019. 10. 10
React Native Android에서 브릿지(Bridge)를 이용해 네이티브 모듈(Native Module)을 사용하는 방법을 알아본다.
Xcode Update Bug on React Native - error Could not find "iPhone X" simulator. Run CLI with --verbose flag for more details.
2019. 10. 08
React Native 프로젝트를 안드로이드 앱으로 빌드하고 구글 플레이 스토어에 배포하는 방법을 알아본다. 안드로이드(구글) 개발자 등록부터 서명 키 발급, 빌드, 업로드 및 배포까지 차근차근 살펴본다.
2019. 10. 06
React Native - [Android Build Failure] Execution failed for task ':app:transformClassesAndResourcesWithR8ForRelease'. com.android.tools.r8.CompilationFailedException; Compilation failed to complete
2019. 10. 02
React Native - The following build commands failed{:} CompileC /Users/leonkong/Desktop/dev/CodingHippo/Native_Makkcha/ios/build/Native_Makkcha/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/DoubleConversion.build/Objects-normal/x86_64/DoubleConversion-dummy.o /Users/leonkong/Desktop/dev/CodingHippo/Native_Makkcha/ios/Pods/Target\ Support\ Files/DoubleConversion/DoubleConversion-dummy.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
React Native - 크롬에서 App Store Connect에 앱 미리보기 및 스크린샷 업로드시 잘못된 GeoJSON 에러가 발생하는 경우 해결 방법을 알아본다.
2019. 09. 30
React Native에서 Android에 헤르메스(Hermes) 자바스크립트 엔진을 적용해 메모리 사용량을 최소화하고 앱 사이즈를 줄이며 앱 작동 성능을 개선해 본다.
react-native-firebase error - could not find a valid GoogleService-Info.plist in your project
react-native-device-info의 getUniqueId() 메서드를 이용해 아이폰/안드로이드 폰의 고유 id 값을 가져와 본다.
Get Device Unique ID by Using react-native-device-info in React Native
2019. 09. 24
React Native - iOS SafeAreaView의 top과 bottom 컬러 다르게 설정하기 iOS에서 SafeAreaView를 사용할 때 잘려나가는 top/bottom padding의 색을 각각 다른 색으로 설정하는 방법을 알아본다.
React Native - iOS Set Different Colors to Top and Bottom of SafeAreaView Set different colors to top and bottom padding of SafeAreaView(change default padding color of white to else)....
2019. 09. 23
React Native - 'use_frameworks!' Generates 'double-conversion.h file not found' Build Error for RN >= 0.60 TestFlight을 활용해 React Native iOS 앱 베타 테스트 진행하기
2019. 09. 21
React Native - iOS TestFlight TestFlight을 활용해 React Native iOS 앱 베타 테스트 진행하기
React Native - iOS 앱 빌드 및 앱스토어(App Store) 배포
2019. 09. 20
React Native에서 안드로이드를 빌드하는 과정에서 git에 실수로 커밋된 hprof 대용량 파일을 git에서 삭제하는 방법을 알아본다. 커밋하면 안될 파일이 커밋된 경우, 찾아서 삭제하는 방법을 알아본다.
2019. 09. 04
PWA(프로그레시브 웹 앱, Progressive Web App)에 대해서 알아본다. Create React App을 이용하여 React로 만들어진 앱을 PWA로 배포하는 방법을 알아본다.
2019. 06. 11
Node.js와 axios, cheerio를 활용해 웹 크롤러를 만들어 본다.
2019. 06. 04
gRPC 이전에 존재했던 소켓 프로그래밍, RPC, CORBA, RMI, SOAP, REST 등을 살펴보고 gRPC가 탄생한 배경을 살펴본다. gRPC의 특징, 장점, 단점을 알아보고 활용예를 찾아본다.
2019. 05. 19
Simple chat app using Node.js/Express.js server with Socket.IO and React front-end.
2019. 05. 08
Find out what exactly Array.prototype.sort() does, and how it differs from Python sort() method.
2019. 04. 18
Explore core concepts of OOP and Procedural Programming.
2019. 03. 07
HTTP와 웹에 대해 알아본다. HTTP의 URL, 메소드, 헤더, 메세지 등을 알아본다.
2019. 03. 04
Window 객체와 Javascript Core, BOM, DOM에 대해 알아본다.
2019. 02. 27
Node.js가 다른 서버사이드 스크립트와 구분되는 특징들을 알아본다.
2019. 02. 21
사이트 간 스크립팅(XSS)에 대해 알아보자. React에서 XSS가 어떤 식으로 이루어지는지, 어떻게 예방할 수 있는지 알아본다.
2019. 02. 02
파이썬(Python)과 데코레이터(Decorator)에 대해 알아보고, 데코레이터를 사용해 n 번째 피보나치(Fibonacci) 수를 찾는 알고리즘을 구현해본다.
2019. 01. 23
파이썬으로 카운팅 정렬(Counting Sort)를 구현해 본다. 또, 백준 알고리즘 10989번 "수 정렬하기 3"을 카운팅 정렬로 구현해 본다.
2019. 01. 15
파이썬으로 그래프를 활용하여 알고스팟의 PICNIC 문제를 해결해본다.
2019. 01. 07
자바스크립트의 클로저 사용법을 알아본다. 클로저는 언제, 그리고 왜 사용하는지 살펴본다.
2019. 01. 04
자바스크립트에서 분할정복을 이용해 병합정렬 알고리즘을 구현해본다.
2019. 01. 02
반응형 웹과 적응형 웹의 특징을 살펴보고, 모바일 퍼스트 디자인에 대해 알아본다.
2018. 12. 31
JavaScript ES 2017의 새 기능 async와 await로 비동기적인 함수를 구현하고 promise를 다루는 방법에 대해 알아본다. ES6의 .then()과는 어떻게 다른지 알아본다. ES5와 비교하며 차이점 또한 살펴본다.
2018. 12. 24
자바스크립트에서 n개의 원소 중 m개를 뽑는 모든 조합을 찾는 알고리즘을 구현해본다.
리액트(React)란 무엇인지 알아본다. 왜 React가 필요한지, 그리고 React가 왜 2018년 가장 핫한 프론트엔드 라이브러리인지 알아본다.
2018. 12. 21
Dev 환경에서 Proxy를 이용해 Express 서버와 Create-React-App 서버를 함께 돌리는 방법을 살펴본다. 이후 빌드(Build)를 하고 Heroku에 해당 앱을 배포하는 과정에 대해 알아본다.
파이썬에서 재귀호출과 동적계획법 사용하는 방법 익히기. 동적계획법과 재귀호출을 이용해 N!에서 숫자 뒤에 붙는 0의 개수를 반환하는 함수를 작성해본다.
2018. 12. 19
자바스크립트의 재귀호출을 활용해 정렬된 리스트에서 target 요소의 인덱스를 구하는 알고리즘을 구현해본다.
2018. 12. 18
타입스크립트의 기본적인 타입들에 대해서 알아보고 자바스크립트와의 차이점을 살펴본다.
2018. 12. 16
자바스크립트(JavaScript)의 배열에 대해 알아보고 그 배열을 조작하는 방법을 살펴본다.
2018. 12. 13
자바스크립트(JavaScript)의 함수에서 객체를 변경하거나 할당하면 함수 밖의 객체가 어떻게 변화하는지 알아본다.
2018. 12. 11
쿠키 기반으로 사용자 인증을 진행하는 방법에 대해서 살펴본다.
파이썬과 재귀호출을 활용해 정렬된 리스트에서 target 요소의 인덱스를 구하는 알고리즘을 구현해본다.
2018. 12. 07
JavaScript에서 초심자를 헷갈리게 만드는 참조 타입과 원시 타입에 대해 알아본다.
2018. 12. 06
대표적 트랜스컴파일러 바벨(Babel)과 빌드도구 걸프(Gulp)를 이용해 ES6를 ES5로 트랜스컴파일 하기
2018. 10. 17
파이썬으로 만든 웹 크롤러로 정보를 긁어오고 이를 엑셀 파일로 저장한다.
2018. 10. 02
파이썬과 Requests 라이브러리를 이용해 간단한 크롤러를 만들어본다.