maruzzing's devlog

개발공부 프로젝트
Study
리액트 네이티브 팝업 만들기
  • React Native
  • Modal
리액트 네이티브의 Modal 컴포넌트를 사용하면 간단한 팝업창을 만들 수 있다.
Study
리액트 네이티브에 폰트 설정하기
  • React Native
  • fonts
리액트 네이티브에서 커스텀 폰트를 설정하는 방법을 알아보겠다.
Study
파이썬과 재귀용법(recursive)
  • Python
  • Recursive
프로그램을 짜는 테크닉 중 하나인 재귀용법. 처음 Javascript를 공부하면서 재귀용법을 접했을 때 이해하기가 많이 힘들었던 기억이... 🤡
Study
Sequelize와 MySQL 연결하기
  • NodeJs
  • Sequelize
  • MySQL
Sequelize는 MySQL의 복잡한 문법을 간단하게 자바스크립트 형식으로 사용할 수 있도록 해주는 라이브러리이다.
Study
콜백함수 사용하기
  • Javascript
  • callback
콜백함수란, 다른 함수에 인자로 전달되어진 함수로, 외부함수 내에서 일종이 루틴이나 동작을 완성하게 위해 호출된다. 가장 큰 특징은 특정 시점이 되었을 때 실행되어진다는 것이다.
Study
자바스크립트의 특징_싱글스레드 & 비동기 처리
  • Javascript
  • callback
어떻게 자바스크립트는 싱글스레드 기반의 언어이면서 비동기 방식으로 동작할까? 🧐
Study
썸네일 이미지 만들기
  • Thumbnails
이미지 디스플레이를 할 때 직면할 수 있는 문제점은 원본 이미지의 비율이 화면에 보여 주고자 하는 이미지의 비율과 다를 수 있다는 것이다.
Study
구글맵 infowindow에 컴포넌트 띄우기
  • React
  • Google Maps API
  • InfoWindow
구글맵에서 마커를 클릭했을 때, 팝업창을 띄워 위치 정보를 게시하고 싶다면 Maps JavaScript API에서 제공하는 Info Windows를 사용할 수 있다.
Study
이미지 업로드 전 미리보기
  • React
  • FileReader
이미지를 업로드하기 전에 어떤 이미지를 선택했는지 미리 보여주고, 대표이미지를 설정하거나, 필요없는 파일은 삭제하도록 하는 기능이 필요하다. 이번 포스트에서는 미리보기 기능을 구현하는 방법을 알아보겠다.
Study
익스프레스(Express.js) 미들웨어 만들기
  • NodeJs
  • Express
  • Middleware
Express.js에서는 미들웨어 패키지를 설치하여 사용할 뿐만 아니라, 각 프로젝트에서 필요한 미들웨어를 생성하여 사용할 수도 있다.
< 1 2 3 4 5 6 7 8 9 10 >
© maruzzing, 2022