본문 바로가기

전체 글

 (28)
Ngrok 문득, 개발과 테스트를 동시에 병행하면서 진행상황을 공유하거나 내부적인 테스트를 할 때 개발중인 PC의 특정 포트를 외부와 연결하려면, 공유기에서 포트포워딩을 해야하는 귀찮은 설정이 필요했는데...Ngrok 이라는 서비스를 알게되어서 편하게(?) 설정할 수 있다는걸 알고 관련 내용을 기록해보기로 한다. 엔그록..왜지? 이름이... I. ngrok 이란?공식 사이트를 방문하면, 아래와 같은 대문 이미지가 보이는데...개발자를 위한 통합 인그레스 플랫폼이라고 소개하고 있다. 인그레스가 뭐야? (첨 봄..@.@)리버스 프록시, 방화벽, API 게이트웨이, 글로벌 로드밸런싱을 결합하여 앱과 API를 제공한다고 하는데..어, 잘 모르겠다. 암튼..내가 알기론 터널링(Tunnel)을 위한 걸로 이해하고 있다.ngr..
graphQL vs REST API 한동안 덮어두었던 (= 막힐땐 이렇게 ㅎㅎ) 책을 다시 꺼내들어 이해가 안되던 부분을 다시한번 체크해봤습니다. I. GraphQL 이란?https://graphql.com/ GraphQL: APIs for humansGraphQL: APIs for humans GraphQL is the developer-friendly query language for the modern web. It transforms how apps fetch data from an API, enabling you to get exactly what you need with a single query—instead of wrangling responses from a patchwork ofgraphql.com 평소엔 REST API..
ReactNative | 장ㆍ단점 1. 장점 생산성과 비용면에서 장점은 한가지 언어로 Android, IoS 앱을 동시에 개발할 수 있다는 장점이 있다. 다만, 네이티브 앱에 비하면 실행 속도나 그래픽 퀄리티등이 조금 저하되는 단점이 있는데, 이건 또 나름대로 선택한 이유들이 있을테니 간단하게는 이렇게 비교해보면 될거같고... 리액트네이티브는 단방향 데이터 흐름으로 (마치 리액트처럼) 개발이 기존 네티이브 언어로 개발하기보다는 간단한게 아닌가 싶고,.. 대체적으로 리액트 네이티브는 컴파일 없이 (네이티브와 달리) 빠르게 실행될수 있으니, 개발 생산성도 높아질 수 있게 되는것으로 페이스북이 RN을 만든 이유이기도 한걸로 이해했다. 다만, 리액트 네이티브도 표준 자바스크립트와 최신 자바스크립트 사이의 갭(Gap)이 있어서 이 부분을 처리하기..
ReactNative | 개발환경 1.동기 이제 자바스크립트 딥다이브 스터디가 끝나가니깐 뭔가 새로운걸 해보고 싶어서... 플러터와 리액트 네이티브중 하나를 선택해야했고, 아무래도 연계성이 높은 RN을 선택했다. (그렇지만 플러터도 궁금 ^^) https://reactnative.dev/ React Native · Learn once, write anywhere A framework for building native apps using React reactnative.dev 페이스북 그룹에서 개발한 크로스 플랫폼 앱 개발 환경? 도구?인 RN은, 기본적으로 자바스크립트라는 언어로 안드로이드 앱이나 IoS 앱을 동시에 만들수 있다고 해서 호기심이 있었고, 세부 사항은..잘 모르지만? 브릿지(Bridge)로 만든다고 한걸로 기억이 남.. ..
React.js | Vite로 시작하기 이 글은 리액트 v18 기준입니다. 사실 작년까지는 CRA로 리액트 프로젝트를 사용했던것 같아요, 뭐...한두번이야 직접 CDN 방식으로 React를 구성해보기도 했지만..알잖아요? 귀찮은거.. 혹시나 CRA도 궁금하신 분들은 (아마 없겠죠?) 아래 북마크를 참고해보시고요,..일단 vite에 대해서 살펴보려고 해요! https://create-react-app.dev/ Create React App Set up a modern web app by running one command. create-react-app.dev 대부분 CRA에 익숙할거 같네요, 저도 그랬으니깐...일단 vite를 사용해서 프로젝트를 구성한지는 얼마 되지 않아서, 어느정도 정리 차원에서 글 남기는거니깐~ 일단 vite(프랑스어로 ..
모던 자바스크립트 Deep Dive 광주 웹개발자 스터디 (오픈톡)에서 '스터디'가 있기에, 과감하게 지원...(잘, 한거겠지?)한 덕분에, 책을 하나 구입하고 챕터별로 학습을 해보고 때가되면 발표도? 한번 해보고..그러면서 좋아하는 자바스크립트를 좀 더 이해하고 잘 할 수 있기를 기대하면서 스터디를 해보기로 하였다. 광주 웹개발자 톡방은 언제 가입했나 모르겠지만, 일단 2024년도 게으르지 않고 싶어서 도전을 해봤다..스터디는 처음이라,..떨려 😂 혹시나 이 글을 보고 나처럼, 스터디를 해보실분들은 아래 북마크를 따라 오시라~ https://open.kakao.com/o/g66TTgAb 광주광역시 웹(web) 스터디 참여코드 = 'http' #css #웹디 #ui #퍼블 #코딩 #스터디 #코딩스터디 #개발 #홈페이지 #공부 #it #모각..
우분투 리눅스 간만에 리눅스 서버를 만져보고자,..집에서 사용하지 않고 두었던 데스크탑을 꺼내어 이것저것 자료 정리도 하고, 시스템을 초기화 하였다. 연말은 조용하게(?) 이렇게 보내는거 아니겠는가? 우선 Ubuntu 리눅스로 설치를 결심하고, PC를 손대봤음..  원래는 그냥 Ubuntu를 설치할까 하다가, 최근에 가상화(Virtualization) 시스템에 대한 궁금증이 있고 해서, 온라인 교육도 들었는데 거기서는 교수님께서 VM Ware의 가상머신을 이용해서 사용하시는 걸 보여주셨기에,..또 지금 이 PC를 혼자 사용할게 아니라 복합기를 연결해둔 PC라서 아무래도 가족들이 사용할수도 있게 하려면 나 역시 VM Ware로 준비하는게 여러모로 잇점이 있을 것으로 판단하였다. 에...중간중간 블루스크린 에러가 있어서,..
Electron.js | 쓸모있는 데스크톱 앱 만들어보기(1) 0. Electron.js 개요 일렉트론은 "HTML, CSS, Javascript를 이용해 크로스플랫폼 기반의 데스크톱 앱을 만드는 프레임워크"로 알고 있습니다. 이것 역시,..좀 하다가 말아서..(-- 까먹기 전에 ㅎㅎ 일단 모바일이 대세긴 하지만, 언젠가 데스크톱 앱을 만들어본다는 멋진 일을 하지 않을까 해서 (재도전) 기록을 남겨봅니다. 다만, 크로미움(Chromium) 엔진에 대해서는 가타부타 말이 (느리다는?) 많아서 확실히 복잡한 앱을 만들고 최적화하지 않으면 느릴것 같긴 한데요, 실습하는 수준에서 크게 걱정할 건 없어보입니다.  보다 자세한 크로미움 프로젝트는 여기를 눌러서 확인해보세요! ps. 플러터, 일렉트론.js 모두 올 한해동안 손을 대지 않았었던거같네요,..분명 2022년도에 뭔가..

티스토리툴바