728x90 반응형 [MDN/Express] 02.Express Tutorial: The Local Library website(1) 앞에서 Node.js의 기초적인 내용과 Express 모듈을 이용하여 간단한 웹서버 구축을 살펴보았습니다. https://learn-and-give.tistory.com/113 [MDN/Express] 01.Express 웹 프레임워크 (Node.js/JavaScript의 활용) 뭘 좀 만들어 보려고 하면 결국 서버쪽 개발에서 어려움을 겪었는데, node.js로 가볍게 한번 다시 도전! 오래 된 기술이라서 여기저기 자료가 많아서 좋기는 한데 너무 많아서 어디부터 시작해야 learn-and-give.tistory.com MDN의 Express tutorial 첫번째는, 로컬 라이브러리 웹사이트입니다. 제목만 봐서는 정확히 무슨 내용인지 모르겠네요. https://developer.mozilla.org/en.. 2023. 5. 27. [MDN/Express] 01.Express 웹 프레임워크 (Node.js/JavaScript의 활용) 뭘 좀 만들어 보려고 하면 결국 서버쪽 개발에서 어려움을 겪었는데, node.js로 가볍게 한번 다시 도전! 오래 된 기술이라서 여기저기 자료가 많아서 좋기는 한데 너무 많아서 어디부터 시작해야 할지... 오튜 강좌도 좋은데 이전에 한번 봤으니(다 까먹었지만) 패스하고, MDN에 여러가지 강좌가 있어 맛보기로 한번 도전~! https://developer.mozilla.org/ko/docs/Learn/Server-side/Express_Nodejs Express 웹 프레임워크 (Node.js/JavaScript의 활용) - Web 개발 학습하기 | MDN Express는 JavaScript로 작성되고 Node.js 런타임 환경에서 구동되는 인기 있는 웹 프레임워크입니다. 이 장에서는 Express 프레임.. 2023. 5. 27. [Firebase Codelab 샘플] 06. 접근 권한 설정 앞에서는 텍스트 채팅에 더하여 이미지를 대화에 올리기 위해 파일을 Cloud Storage에 올려 사용하는 방법을 살펴 보았고, 알림 메세지를 보내기 위해 FCM을 이용하는 방법을 알아보았습니다. https://learn-and-give.tistory.com/107 [Firebase Codelab 샘플] 05. 이미지 메세지와 알림 보내기 앞에서 Firebase에서 제공하는 DB인 Cloud Firestore에 메세지 데이터를 저장하고 읽어와서 기본적인 채팅 기능을 구현하였습니다. https://learn-and-give.tistory.com/106 [Firebase Codelab 샘플] 04. Cloud Firestore에 메 learn-and-give.tistory.com 이번에는 이 예제에서 사용한.. 2023. 5. 9. [Firebase Codelab 샘플] 05. 이미지 메세지와 알림 보내기 앞에서 Firebase에서 제공하는 DB인 Cloud Firestore에 메세지 데이터를 저장하고 읽어와서 기본적인 채팅 기능을 구현하였습니다. https://learn-and-give.tistory.com/106 [Firebase Codelab 샘플] 04. Cloud Firestore에 메세지 쓰기 앞에서 Firebase SDK를 활용하여 로컬에서 개발 할 환경을 만들었습니다. 꽤 많은 일들을 했죠. https://learn-and-give.tistory.com/105 [Firebase Codelab 샘플] 03. Firebase SDK 설치와 CLI 기반 개발환경 구성 앞에서, learn-and-give.tistory.com 이번에는 채팅 할 때 이미지 파일을 채팅에 올려서 공유하는 기능을 이미지 .. 2023. 5. 8. [Firebase Codelab 샘플] 04. Cloud Firestore에 메세지 쓰기 앞에서 Firebase SDK를 활용하여 로컬에서 개발 할 환경을 만들었습니다. 꽤 많은 일들을 했죠. https://learn-and-give.tistory.com/105 [Firebase Codelab 샘플] 03. Firebase SDK 설치와 CLI 기반 개발환경 구성 앞에서, 구글 계정 연동과 DB, Storage를 Firebase로 쓸 수 있도록 설정하는 것을 살펴 보았습니다. https://learn-and-give.tistory.com/104 [Firebase Codelab 샘플] 02.구글 로그인과 Cloud Firestore(DB), Cloud Storage 사용 learn-and-give.tistory.com 이제 실제 채팅 데이터를 Firebase에 기록하고 읽는 과정을 진행해 보겠.. 2023. 5. 7. [Firebase Codelab 샘플] 03. Firebase SDK 설치와 CLI 기반 개발환경 구성 앞에서, 구글 계정 연동과 DB, Storage를 Firebase로 쓸 수 있도록 설정하는 것을 살펴 보았습니다. https://learn-and-give.tistory.com/104 [Firebase Codelab 샘플] 02.구글 로그인과 Cloud Firestore(DB), Cloud Storage 사용 앞에서 Firebase를 이용한 채팅 웹앱을 만드는 Codelab 예제의 개발 환경 설정을 살펴보았습니다. https://learn-and-give.tistory.com/103 [Firebase Codelab 샘플] 01.FriendlyChat 웹 앱 만들기 환경 설정 회사에서 업무 learn-and-give.tistory.com '깐지'나는 Firebase CLI(Command Line Inter.. 2023. 5. 6. [Firebase Codelab 샘플] 02.구글 로그인과 Cloud Firestore(DB), Cloud Storage 사용 앞에서 Firebase를 이용한 채팅 웹앱을 만드는 Codelab 예제의 개발 환경 설정을 살펴보았습니다. https://learn-and-give.tistory.com/103 [Firebase Codelab 샘플] 01.FriendlyChat 웹 앱 만들기 환경 설정 회사에서 업무와 관련은 있되 기존 업무와 무관하게 해보고 싶은 분야를 할 수 있는 프로그램을 진행한다고 하여, 아이디어를 하나 내봤습니다. 제안한 주제에 대해 함께 하고자 하는 직원이 있 learn-and-give.tistory.com 구글 로그인 채팅을 할 때 계정을 구분하게 되는데, Firebase에서는 다양한 외부 서비스 계정을 사용 할 수 있습니다. 구글 계정을 사용하는 방법을 알아보겠습니다. 이건 뭐 대부분 Firebase에서 다.. 2023. 5. 6. [Firebase Codelab 샘플] 01.FriendlyChat 웹 앱 만들기 환경 설정 회사에서 업무와 관련은 있되 기존 업무와 무관하게 해보고 싶은 분야를 할 수 있는 프로그램을 진행한다고 하여, 아이디어를 하나 내봤습니다. 제안한 주제에 대해 함께 하고자 하는 직원이 있으면 진행 할 수 있게 되는데, 어떤 시스템을 만들 때 정말 사람들이 흥미를 보이는 것이 무엇일까를 탐구하는 그런 주제라서 참여자가 있을지 모르겠네요. ㅋ 그 연구 주제를 구현하기 위한 개발 환경을 미리 좀 생각 해 봤는데, Firebase를 사용하는 것이 좋을 것 같아서, Firebase Web App에 대해서 한번 리뷰를 해보았습니다. CodeLab에 채팅 샘플이 있는데, 채팅이면 구상하는 시스템과 기반 구조에서 어느 정도 유사한 부분도 있어서 적당한 예인 것 같아요. https://firebase.google.com.. 2023. 5. 6. Unity3d Input field의 Password 문자열 얻기 공부 겸 Unity3d로 작은 케쥴얼 게임을 만들어 보려고, 사용자 가입 화면부터 만들어 봤습니다. 이게 또 막상 직접 해보려니까 작은 것들부터 걸리는게 참 많네요. 이래서 백문이 불여일타! 계정 정보를 입력하는 UI를 대충 만들고, 입력 된 문자열을 얻어와 로그로 출력하는 것 부터 해보았습니다. 사용자 계정은 Input field 하위의 Text 오브젝트를 가져와서 그 text property를 조회하니 잘 되었는데, 암호를 입력 받는 Input field의 타입을 암호 노출 방지를 위해 Password로 하면, 그 하위 Text 오브젝트의 text property를 조회하니 **** 별 표시만 나옵니다. 즉, 화면에 보이는 그 문자열 그대로 얻어졌습니다. 꽤 여러가지 조사를 하고 시도를 해 봤는데, .. 2023. 4. 12. [Flutter]. 13. Flutter tutorial on codelab(8) 앞에서 NavigationRail의 선택에 따라 어떻게 적절한 위젯이 보여지는지 살펴봤습니다. [Flutter]. 12. Flutter tutorial on codelab(7) (tistory.com) [Flutter]. 12. Flutter tutorial on codelab(7) 예상치 못한 업그레이드가 있기 전까지는 NavigationRail을 추가하여 버튼에 대한 처리를 하였습니다. 또한, Stateless를 Stateful로 Refactoring하는 것도 해보았구요. https://learn-and-give.tistory.com/52 [Flutter]. 1 learn-and-give.tistory.com 이번에는 Favorites를 누르면 보여질 위젯 클래스를 만들어 보겠습니다. Tutorial.. 2023. 2. 1. [Flutter]. 12. Flutter tutorial on codelab(7) 예상치 못한 업그레이드가 있기 전까지는 NavigationRail을 추가하여 버튼에 대한 처리를 하였습니다. 또한, Stateless를 Stateful로 Refactoring하는 것도 해보았구요. https://learn-and-give.tistory.com/52 [Flutter]. 10. Flutter tutorial on codelab(6) 지난 번에 Like 버튼을 추가하였습니다. 물론, Like 표시 된 단어들을 보는 기능은 아직 만들지 않았지만, 의도 된 디자인에 맞게 코드를 수정하는 경험을 통해, 주어진 디자인을 바탕으로 어떻게 learn-and-give.tistory.com 이제 버튼이 눌려지면 이에 따라 오른쪽 영역에 적절한 뷰가 표시되는 처리를 할 것입니다. 버튼 선택에 따른 분기 아래 .. 2023. 1. 30. [Flutter]. 11. Flutter upgrade code lab의 Flutter 학습 자료인, Your first Flutter App 리뷰를 위해서 이전까지 리뷰한 상태에서 실행을 했더니, 새 버젼이 나왔고, 업그레이드 하는 방법이 나와 있습니다. 요렇게 쉽게 다 된다고??? 한번 확인 해 보도록 하겠습니다. 설치 된 Flutter의 버젼 확인 업그레이드가 되었는지 확인하려면 현재 설치 된 버젼을 확인해서 업그레이드 전후 버젼을 비교 해 보면 되겠습니다. 버젼을 확인하는 방법은 --version 이라는 인자를 넘겨주면 됩니다. (빼기가 두 개~) 겸사 겸사 다른 것들도 함께 좀 알아봤습니다. Flutter Version: flutter --version SDK location: where flutter Detailed information: flut.. 2023. 1. 29. 이전 1 2 3 4 다음 728x90 반응형
