SNYUNG.COM

😍 개발문화 만들기 | 설계 | 생산성 | 도전
🏛 @Im-D @callbus

PlayStore(플레이스토어) + AppStore(앱스토어) 배포

Intro React Native 개발은 역시 빌드, 배포라고 생각한다. 지금까지 개발했던 모든 것을 이제 사용자에게 공개하는 날이 온 것이다. 이번 글에서 안드로이드와 IOS를 빌드하여 각각 PlayStore, AppStore에 올리고 심사하는 과정을 살펴보자. 목차 Intro Android 플레이스토어에 올리기 IOS…

#PlayStore#AppStore#배포
일 년 전

React-Native Webview 기능 개발

회사에서 RN(React Native)을 사용할 수 있는 날이 왔다. 개발을 위한 한 달간 사전 공부를 하고 테스트 레포도 만들어 보며 준비를 하였으나 진행해보니 어려움이 많다는 걸 느꼈다. 그동안의 경험과 느낌을 공유하는 시간을 가지고 싶어 시리즈 글을 작성하게 되었다. Intro…

#RN 개발기
일 년 전

앱 개발에 유용한 Firebase 기능

회사에서 RN(React Native)을 사용할 수 있는 날이 왔다. 개발을 위한 한 달간 사전 공부를 하고 테스트 레포도 만들어 보며 준비를 하였으나 진행해보니 어려움이 많다는 걸 느꼈다. 그동안의 경험과 느낌을 공유하는 시간을 가지고 싶어 시리즈 글을 작성하게 되었다. Intro…

#RN 개발기#Firebase
2년 전

IOS Signing(인증서) 제대로 알고 사용하기

회사에서 RN(React Native)을 사용할 수 있는 날이 왔다. 개발을 위한 한 달간 사전 공부를 하고 테스트 레포도 만들어 보며 준비를 하였으나 진행해보니 어려움이 많다는 걸 느꼈다. 그동안의 경험과 느낌을 공유하는 시간을 가지고 싶어 시리즈 글을 작성하게 되었다. Intro…

#RN 개발기#IOS#Signing
2년 전

SWR | react-query useMutation처럼 사용하기

이전 SWR 관련된 글을 작성하고 지켜본 결과 최근 SWR, react-query와 같은 라이브러리의 관심이 커지고 있다는 것을 알게 되었다. 오늘은 SWR을 사용하면서 겪은 Trouble Shooting…

#SWR#Hook
2년 전

React Custom Hook | 카카오 로그인 훅

구글, 네이버, 카카오톡 등 많은 간편 로그인들이 있다. 개인적으로는 구글 간편 로그인을 많이 사용하지만, 서비스마다 연령층이 다르게 되어 사용되는 간편 로그인도 그것에 맞게 사용해야 한다. 현재 서비스에서는 카카오톡 간편 로그인이 맞다고 생각하여 카카오 로그인을 React의 Hooks…

#React#Hook
2년 전

웹 보안, 웹 취약점 막기

웹 개발자들이 많이 알고 사용하고 있는 웹 페이지 사이트로 테스트를 진행해보고 보안 관련한 이슈를 해결해보자. 아래의 사이트를 들어가서 본인의 사이트를 입력한 후 추가적인 설정 후 테스트를 누르게 되면 종합정보를 보여준다. 성능 체크하기 설정 전 설정 전에는 보안 영역에서 F…

#Security
2년 전

Gzip 아시나요? 그러면 Brotli는요?

2016년 Google은 새로운 2가지 압축기술을 공개했다. Zopfli 와 Brotli 이다. 오늘의 메인이 되는 주제는 Brotli이지만 그 전에 Zopfli에 대해서도 알아보면 좋겠다는 생각에 정리하였다. Zopfli…

#Frontend
2년 전

Redux 말고 SWR

Intro 새로운 프로젝트를 하게 되면서, 프로젝트에 적용할 많은 새로운 스펙을 찾아보았고, Preact + Vite를 메인으로 사용하였다. 관련하여 글을 작성하였으니 궁금하면 Preact, Vite 일주일 사용후기를 확인하길 바란다. 그중 Store 관리를 위한 도구로 Redux VS Context + Reducer…

#SWR#React#Hook
2년 전

JAMstack

Intro 이전에 들어봤던 단어였으나 제대로 찾아보는 것은 처음이다. SWR를 공부하면서 다시 찾아보게 되었고, 다시 까먹지 않기 위해서 정리를 해보았다. 공식 사이트에서는 아래와 같이 정의하고 있다. Jamstack is an architecture designed to make the web faster, more…

#Frontend
2년 전

Preact, Vite 일주일 사용후기?

도입 항상 새로운 프로젝트에서는 새로운 Spec으로 만들고 싶은게 개발자들(?) 마음이다. 평소 회사에서는 Vue만 사용해서 프로젝트를 진행하였으나, 개인 프로젝트로는 React로만 했던 경험을 살려 새로운 프로젝트는 React와 관련된 기술로 진행하고 싶었다. 회사를 오가며 보던 글 중에서 Preact…

#Preact#Vite
2년 전

네트워크 기초 - DHCP & DNS

이전 글 복습하기 네트워크 기초 - IP 네트워크 기초 - SubnetMask 네트워크 기초 - Types of IP 네트워크 기초 - OSI 7 계층과 TCP/IP 계층 네트워크 기초 - TCP & UDP 네트워크 기초 - HTTP…

#Network
2년 전

네트워크 기초 - HTTP3

네트워크 기초 - IP 네트워크 기초 - SubnetMask 네트워크 기초 - Types of IP 네트워크 기초 - OSI 7 계층과 TCP/IP 계층 네트워크 기초 - TCP & UDP 네트워크 기초 - DHCP & DNS 도입 이 글은 HTTP에 대한 지식이 있다는 전제하에 진행되는 글입니다. HTTP…

#Network
2년 전

네트워크 기초 - TCP & UDP

이전 글 복습하기 네트워크 기초 - IP 네트워크 기초 - SubnetMask 네트워크 기초 - Types of IP 네트워크 기초 - OSI 7 계층과 TCP/IP 계층 네트워크 기초 - DHCP & DNS 네트워크 기초 - HTTP…

#Network
2년 전

네트워크 기초 - OSI 7 계층과 TCP/IP 계층

이전 글 복습하기 네트워크 기초 - IP 네트워크 기초 - SubnetMask 네트워크 기초 - Types of IP 네트워크 기초 - TCP와 UDP 네트워크 기초 - DHCP & DNS 네트워크 기초 - HTTP3 네트워크 : 두 대 이상의 컴퓨터가 논리적 또는 물리적으로 연결되어 통신이 가능한 상태(PAN, LAN…

#Network
2년 전

네트워크 기초 - Types Of IP

이전 글 복습하기 네트워크 기초 - IP 네트워크 기초 - SubnetMask 네트워크 기초 - OSI 7 계층과 TCP/IP 계층 네트워크 기초 - TCP와 UDP 네트워크 기초 - DHCP & DNS 네트워크 기초 - HTTP…

#Network
3년 전

네트워크 기초 - 서브넷마스크(Subnetmask)

이전 글 복습하기 네트워크 기초 - IP 네트워크 기초 - Types of IP 네트워크 기초 - OSI 7 계층과 TCP/IP 계층 네트워크 기초 - TCP와 UDP 네트워크 기초 - DHCP & DNS 네트워크 기초 - HTTP…

#Network
3년 전

네트워크 기초 - IP

네트워크 기초 - IP 네트워크 기초 - SubnetMask 네트워크 기초 - Types of IP 네트워크 기초 - OSI 7 계층과 TCP/IP 계층 네트워크 기초 - TCP와 UDP 네트워크 기초 - DHCP & DNS 네트워크 기초 - HTTP…

#Network
3년 전

[JS] Map, Filter, Reduce

함수형 프로그래밍의 주요 기능 중 하나는 리스트와 리스트 연산자의 사용이다. Javascript에는 초기 리스트에서 제공하는 모든 함수를 map, filter, reduce를 사용하여 원본 리스트는 그대로 유지하면서 다른 것으로 변환가능하다. Map…

#JavaScript
3년 전

[ES3] Execution Contexts

해당 시리즈는 ES3를 주제로 다루고 있으며, 최신의 JS를 사용하는데 도움이 되기 위한 용도입니다. 양질의 글을 제공해주는 Dmitry Soshnikov 고맙습니다. 도입 오늘은 ECMAScript의 실행 컨텍스트와 이와 관련된 코드 유형에 대해 알아보자. 정의 Control이 ECMAScript…

#JavaScript
3년 전