Sang yun Pae님 글 목록 - mysetting

Sang yun Pae

Web Frontend Software engineer@HYPERCONNECT

Seoul, Korea

Joined on 2021년 05월 16일

9:52 12/25

cereme.dev

mobile screenshot relative

9:52

cereme.dev

mobile screenshot

cereme.dev
https://cereme.dev

cereme(Sang yun Pae)'s Tech blog

저작도구: GatsbyJS

최종 피드 수집: 2024-11-23 17:46

전체 (20)

2y

2021년의 회고

2020년 12월에는 “아 올해는 너무 어영부영 지나가버렸다. 내년에는 이직도 하고 회고도 적어보자!” 하고 두루뭉술 연말은 넘겼는데, 그 내년이 이제 와버렸네요.
그래도 작년보다는 회고를 쓸만한 한 해를 살아온 것 같아서 내년으

2021_회고

1029

3y

두 번 만드는 i18n: Flask-babel to next-i18next

최근에 회사에서 Flask(jinja2 + jQuery)로 된 웹사이트를 Next.js + Django Rest Framework로 재개발하는 프로젝트를 진행중입니다.
새로 만드는만큼, 많은 개선점을 적용해서 만들고 있지만 특히

000

3y

산업기능요원 TO 정보 확장프로그램, agento 개발기

프로젝트 소개

로켓펀치, 원티드, 잡플래닛 등 요즘 IT업계에서 특히 많이 사용되고 있는 구인 구직 사이트에서 편하게 해당

000

4y

strapi 간단 사용기 (in 회사 홈페이지)

배경
최근 프론트엔드 동료님께서 회사 홈페이지를 새로 만드는 작업을 하셨는데, 프론트엔드 동료로서 만드는데 참견을 좀 할 기회가 있었습니다.
기획서와 퍼블리싱 초안을 보고 가장 먼저 눈에 들어온 것은 “채용공고” 섹션이 있고, 채

000

4y

docker buildx로 라즈베리파이(ARM)에서 실행할 수 있는 이미지 만들기

Background
올해 4월경, 라즈베리파이(ARM 머신)에서 돌아갈 프로그램을 완성하고 Dockerfile도 모두 작성해서 빌드하고 두근두근하며 테스트용 라즈베리파이에서 실행시켜봤습니다.
그랬더니 다음과 같은 난감한 에러만이

000

4y

백준 16236 아기상어 with Python3

https://www.acmicpc.net/problem/16236
BOJ 16236 아기상어 문제를 풀어봤습니다.
문제파악
구현문제들은 역시 문제에서 주어진 조건들을 파악해서 이해하는게 중요하다. 다행히도 문제에서 시뮬레이션 해

001

4y

about me

배상윤(cereme, Sang yun Pae)
제품을 만들어나가고 문제를 해결하는 것을 즐기는 개발자 배상윤입니다.
주로 Python, Node.js에서 백엔드를 만들고, React.js로 프론트엔드를 만듭니다.
제품 팀을 위해

000

4y

Prometheus + Grafana로 모니터링하기 (1)

포스팅 내용은 헤렌 공식 기술블로그에서 확인해주세요!
https://herrenofficial.github.io/devops/2020/04/26/prometheus-with-grafana-1.html

000

4y

Chalice, serverless framework와 비교했을 때 장단점

이 글에서는 Chalice가 Serverless framework에 비해는 가지는 장단점에 대해 간단히 다룰 것입니다.
TL;DR
AWS의 S3, SNS, SQS, Cloudwatch Event의 간단한 event handler

000

5y

React Hooks useEffect를 쓸 때, useState vs useRef (feat.closure)

React native로 앱을 만들던 중, 다음과 같은 로직을 구현해야만 하는 일이 생겼습니다.
한 component에서 setInterval로 시간을 재다가 unmount되면 alert을 띄운다.
룰루랄라 다음처럼 코드를 바로

000

5y

Google I/O Extended 2019 Webtech 후기

Google I/O Extended 2019 Webtech에 다녀왔습니다!

사진을 잘 안찍어버릇해서 나올 때 찍었습니다…
Puppeteer: Getting Started
Selenium처럼 Web aut

000

5y

React native iOS 실제 iPhone 디바이스에서 실행하기

Mac 장비만 있다면 react-native run-ios로 시뮬레이터 실행은 간단히 해볼 수 있습니다. 하지만 실제 iOS 디바이스에서 실행하기 위해서는 절차가 좀 필요합니다.
Apple Developer Program 가입
h

002

5y

원격으로 테스트디바이스 사용하기 - AWS Device Farm

React-native 개발하다가, device-specific한 UI 컴포넌트 버그가 있어서 재현을 해보려 했다.
하지만 팀원들이 갖고있는 디바이스를 모두 보니 Galaxy S8, V20이 전부…
(issue는 V20에서 발생했

000

5y

간단한 json storage 만들기 with S3, Lambda, API Gateway

DB를 사용할 수 없는 상황에서, 간단한 json 값을 저장할 수 있는 key-value store를 AWS S3, Lambda, API Gateway를 사용하여 만들어봤습니다.
안읽어도 되는 배경설명
사물함 호랑이 서비스에서 D

000

5y

Flask에서 Vue.js 템플릿 사용하기

간단하게 만든 앱에서, 백엔드는 Flask, 프론트엔드는 Vue.js로 구성을 했는데, 빌드해서 templates에 넣으니, 페이지가 제대로 안나오는 문제가 있었다.
Solution
Vue 빌드 후 빌드 결과물 flask temp

000

5y

Vue cli 3에서 IE11 Polyfill 하기

Vue 앱을 IE에서 켜다보면 화면이 제대로 나오지 않거나, 빈 페이지가 나오거나 한다.
Polyfill을 하면 해결된다.
yarn add babel-polyfill
main.js에 추가
import 'babel-polyfill'

000

5y

AWS Lambda와 Cloudwatch의 Event를 통해 주기적으로 Lambda 함수 실행하기

이렇게 일주일에 한 번 업데이트되는 식단표를 슬랙에 공유하고 싶었다.
물론 온라인으로 식단표를 공유하지 않는 식당은 이렇게 사진으로 찍어서 올리는 수밖에 없지만…
마침 옮기게 된 사무실 주변에 있는 국립국악원 구내식당은 온라인으로

000

5y

Javascript replace 는 replaceAll이 아니다(feat.regex)

2019년 03월 06일, 학생회 사물함 배정 솔루션 “사물함호랑이”를 처음으로 실사용했다.
사이드 프로젝트였고, 다른 프로젝트때문에 시간이 없어 테스트를 거의 못했다.
그래서 나온 실수 2가지 중 한가지를 포스팅해본다.
파이썬에

000

5y

시간을 다룰때는 Timezone을 생각하자

2019년 03월 06일, 학생회 사물함 배정 솔루션 “사물함호랑이”를 처음으로 실사용했다.
사이드 프로젝트였고, 다른 프로젝트때문에 시간이 없어 테스트를 거의 못했다.
그래서 나온 실수 2가지 중 2번째다.
상당히 치명적인 버그

000

6y

multer-s3를 활용한 AWS S3 파일업로드

multer-s3를 활용한 AWS S3 파일업로드.
사용 스택 : Express.js / Vue.js + Bootstrap-vue
준비물
AWS계정과 IAM 키
AWS S3 버킷
express에서 multer, multer-s3

000