본문 바로가기

전체 글35

[next.js] getServerSideProps에서 context로 cookie 가져 오기 여러분, next.js 할 때, getServerSideProps 쓸 때 context를 매개 변수로 줄 수 있습니다. context는 자바스크립트 오브젝트로 되어있고 http request와 http response를 포함한 다양한 정보를 담고 있습니다. https://nextjs.org/docs/basic-features/data-fetching Basic Features: Data Fetching | Next.js Next.js has 2 pre-rendering modes: Static Generation and Server-side rendering. Learn how they work here. nextjs.org 공식문서의 getServerSideProps 부분을 보면 자세히 알아볼 수 있습.. 2021. 9. 30.
[Flutter] 디바이스에 key:value 저장하기(shared preferences) 여러분 앱개발하면서 데이터베이스 쓰기는 귀찮은데, 반영구적으로 자잘한 정보를 유지하고 싶으실 때 있으시죠? 브라우저라면 웹스토리지를 쓰면 됩니다. 하지만 Flutter로 개발 중인 앱이라면? Shared Preferences를 써보자 https://pub.dev/packages/shared_preferences shared_preferences | Flutter Package Flutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android. pub.dev https://flutter.dev/docs/cookbook/persistence/key-val.. 2021. 9. 30.
[TCP/IP] 컴퓨터 네트워크 [ TCP/IP 쉽게, 더 쉽게 ]를 보며 메모하는 중... 1. 컴퓨터 네트워크의 종류와 역할 컴퓨터 네트워크는 여러 대의 컴퓨터를 서로 연결하여 데이터를 주고받을 수 있도록 합니다. 가장 규모가 큰 네트워크는 인터넷! 서로 다른 네트워크에 속해 있어도 인터넷을 통해 하나가 될 수 있습니다. 이메일, 파일공유, 분산 처리, WWW(World Wide Web) 등은 컴퓨터 네트워크가 있기에 가능하지요. 2. 패킷 교환 방식과 회선 교환 방식 컴퓨터 네트워크에서는 이메일이나 파일과 같은 데이터를 패킷(Packet)이라는 단위로 분할한 후 주고 받습니다. 패킷은 어디로 전달되어야 하는지 알 수 있도록 어드레스(Address)정보를 갖고 있습니다. 이러한 데이터 교환 방식을 패킷 교환 방식이라고 합니다. 회선.. 2021. 8. 14.
[WebRTC] wonmo cyber sool-mukbang을 만들기 위해 모은 정보 공유 이 글의 목적 갑자기 저의 장난감 웹사이트 원모 싸이버 스쿨 안에다 사이버 화상 술자리 기능을 넣고 싶어 진 것입니다. 그래서 화상채팅을 뭘로 만드나 찾아보다가 WebRTC를 알게 됐습니다. 그리고 원모 싸이버 술 먹방을 다 만들고 보니 뭔가 아쉽더라고요... 너무 겉만 핥은 느낌이었습니다... 언젠가는 좀 더 깊게 알고 사용해보고 싶다는 생각을 하게 되었고... 그래서 나중에 WebRTC를 이용한 작업을 할 때를 보면 좋겠다 싶은 내용을 블로그에 정리해두려고 합니다. 다른 분들도 이 글을 통해 정보를 얻을 수 있기를 바랍니다! WebRTC and HTML5 could enable the same transformation for real-time communications that the origina.. 2021. 8. 4.
[원모 싸이버 홈 서버 운영 노하우] 포트 포워딩(port forwarding) 홈 서버 랜선을 공유기를 공유해서 꽂았던 우리의 홈 서버의 IP는 아직 외부에서 접속할 수 없습니다. 공유기 DHCP 서버에서 준 IP는 내부 IP이기 때문이지요? 우리의 공유기도 인터넷 제공 업체로부터 IP를 하나 받습니다. 이 IP는 공인 IP이므로 인터넷 외부에서 접근할 수 있습니다. 공유기는 이 공인 IP로 들어온 접근 요청을 내부의 어떤 IP로 넘겨줄 수 있습니다. 우리는 이것을 홈 서버로 넘겨주면 되겠지요? 이것이 바로 포트 포워딩! 포트 포워딩 - 위키백과, 우리 모두의 백과사전 ko.wikipedia.org IP를 알아내보자 일단 우리가 받은 공인 IP를 알아내야 합니다. 공유기에 한 번 접속해 볼까요? 이전에 IP 고정하면서 수정했던 그 파일 있지요? /etc/netplan에 있는 그 파.. 2021. 7. 21.
[원모 싸이버 홈 서버 운영 노하우] SSH 연결하고 Nginx 설치하기 서버에 키보드와 모니터를 연결해놓고 작업할 때마다 서버 쪽으로 가는 것은 엄청 귀찮습니다. 자주 쓰는 PC에서 서버에 원격접속 하여 작업하는 것이 좋습니다. 원격 접속을 안전하게 도와주는 프로토콜이 있는데요 그것이 바로 SSH(Secure Shell)입니다. 이번 포스팅에서는 SSH를 자세히 설명하지는 않겠습니다.(궁금하시면 구글링~) SSH 연결하기 일단 서버에 ssh 서버를 설치해야 합니다. ~$: sudo apt-get install openssh-server 설치가 안된다면? ~$: sudo apt-get update 한 번 하고 해보긔 설치하면 자동으로 ssh 서버가 켜져 있습니다. 진짜 켜졌는지 보고 싶다면 다음 명령어를 입력합니다. ~$: sudo systemctl status ssh Act.. 2021. 7. 20.
[원모 싸이버 홈 서버 운영 노하우] Ubuntu Server 20.04 IP 고정 IP 고정하는 이유 저번 포스팅 때 우리가 공유기를 통해 서버 인터넷을 연결했지요? 인터넷 제공 업체들이 설치해주고 가는 공유기는 사실 많은 기능을 가진 장비입니다. 그중 하나가 DHCP 서버 역할입니다. DHCP 서버는 하나의 IP 주소를 받아서 여러 개의 내부 IP를 생성합니다. 그 IP를 DHCP에 요청하는 디바이스마다 할당해주는 역할을 합니다. 이때 항상 같은 디바이스에 같은 IP를 주지 않습니다. 어떤 IP를 받던 일반적으로 스마트폰이나 노트북으로 유투부보고 웹 서핑하는 것에는 별 영향을 주지 않습니다. 하지만! 서버의 경우! IP가 바뀌면 이전까지 접속하던 IP로는 더 이상 접속할 수 없게 되고! 그래서 딱 서버 IP를 고정할 필요가 있는 것입니다. 그렇지만 가끔가다 공유기를 끄거나 하면 인터.. 2021. 7. 19.
[원모 싸이버 홈 서버 운영 노하우] 홈 서버를 갖춰 보자! 요즘은 AWS나 MS Azure 등 으리으리한 클라우드 컴퓨팅 서비스가 많이 나와있지요. 요즘 웹 서비스는 클라우드가 대세이기도 합니다. 왜냐하면 확장과 관리가 편리하기도 하고 가성비 면에서도 합리적이기 때문이지요. 그래서 요즘 IT 스타트업들은 회사의 웹 서비스를 제공할 때 거의 다 AWS 등을 활용하고 있지요. 안 쓰면 망하기 때문입니다. (on-premise를 수요에 맞춰 늘렸다 줄였다 하는 비용이 조그마한 스타트업 재정에 부담이기 때문이지요) 그래서 새롭게 무엇을 배울 때 AWS 등 클라우드 위주로 학습하는 경향이 있습니다.(채용 수요가 이런데 있기 때문) 어떤 서비스를 어떻게 쓰며, 어떻게 최적화할 것인가를 아는 것이 요즘 운영 관리하는 푸로그래머의 덕목 중 하나가 되었지요? 그러니 역시 이제는.. 2021. 7. 18.
three.js : 브라우저에 3D 렌더링하긔! 여러분 혹시 웹브라우저 상에서 쓰리디 그래픽을 렌더링하여 멋지게 웹사이트를 꾸미고 온갖 것 하고싶으신가요? 그렇다면 당신은 three.js입니다! 일단 공식 문서입니다! 공식 문서가 짱 잘되어 있습니다! Three.js – JavaScript 3D Library threejs.org Three.js란? Three.js의 기본 구조와 사용법을 익힙니다 threejsfundamentals.org 🥳 Three.js 이럴 때 꼭 써라! 👍 납작한 웹사이트가 질렸을 때! 뭔가 크게 디자인 아이디어는 없지만 뱅글뱅글 간지나는 뭔가를 움직이게 하고 싶을 때! 열받게 하고싶을 때! 대충 아무 때나! three.js를 쓰고 싶을 때! 끝 2021. 7. 17.

티스토리툴바