목록전체 글 (13)

개발로그

군 장병 AI·SW 역량강화 교육을 마치며

군 장병 AI·SW 역량강화 교육을 모두 수료했다. 교육기간 동안 자바스크립트를 이용해 프로그래밍 언어가 웹에서 어떻게 동작하는지를 배웠다. 그리고 마지막으로는 리액트와 파이어베이스를 이용해 다양한 기능을 가진 채팅 애플리케이션을 구현하여 배포하였다. 교육도 끝났으니 이번 글에서는 나의 목표와 앞으로의 계획에 대해 간단히 적어보려고 한다.데이터 엔지니어나는 빅데이터 분야를 공부해보고 싶어서 산업경영공학부에 들어왔다. 진로를 정하기 위해 데이터와 관련된 여러 직무들을 조사해 보았고, 그중 하나인 데이터 엔지니어에 관심을 가지게 됐다. 데이터 엔지니어는 데이터를 수집, 가공, 적재하여 데이터가 흐르는 파이프라인을 설계 및 구축하는 직무로, 분석가/기획자의 니즈에 부합하는 데이터를 제공하는 것이 목표이다. ..
IT 2024. 2. 3. 09:57
React와 Firebase를 이용한 채팅 앱 만들기 - (2)

5. DM 채팅 Side Panel Direct Message UI DIRECT MESSAGES(1) {this.renderDirectMessages()} user 목록 가져오기 접속 중인 유저 파란색으로 표시 addUsersListeners = (currentUserId) => { const {usersRef} = this.state; let usersArray = []; usersRef.on("child_added", DataSnapshot => { if(currentUserId !== DataSnapshot.key) { let user = DataSnapshot.val() user["uid"] = DataSnapshot.key user["status"] = "offline"; usersArray.p..
IT 2024. 2. 1. 16:43
React와 Firebase를 이용한 채팅 앱 만들기 - (1)

전체 코드 : GitHub 0. 개념 Redux란? Redux is a predictable state container for JavaScript apps. Action : a plain object describing what happened Reducer : a function describing how the application's state changes Store : the object that brings them together Reducer는 action이 store를 어떻게 업데이트 하는지 기술하는 함수이다. Reducer는 항상 state와 action을 받아 state를 return 해줘야 한다. Dispatch를 사용하여 store의 reducer에 action을 전달한다. Ac..
IT 2024. 1. 15. 23:46
이전 Prev 1 2 3 4 5 Next 다음