전체 글(78)
-
Hello.java 분석하기
public class Hello{ public static void main(String[] args){ System.out.println("Hello"); } } 1. 클래스 선언 public class Hello{ ....... } - public class로 정의된 Hello 클래스 - public class의 클래스 이름과 파일이름은 같아야 한다. 2. 메소드 선언 public static void main(String[] args){ ....... } - 클래스는 필드(Field)와 메소드(Method)를 가질 수 있다. - 프로그램이 실행하려면 반드시 가져야 하는 main메소드 - Java로 만든 프로그램이 실행되려면 위의 코드(code)를 가지고 있어야 한다. 프로그램 시작점이라고도 말한다..
2024.03.11 -
vue에서 카카오맵 API 사용하기
1. 안에 태그를 사용한다. 2. Kakao Developers에 접속하여 로그인하고 아래 화면에서 '내 애플리케이션'을 클릭한다. 3. 애플리케이션을 추가하고 Web플랫폼을 사용한 후 앱 키(javascript key)를 발급 받는다. 4. data()에 다음과 같이 추가해준다. data() { return { appkey: '발급받은 javascript 키', center: {lat: 37.5411, lng: 127.068}, level: 3, mapTypeId: VueDaumMap.MapTypeId.NORMAL, libraries: ['사용할 라이브러리'], } }
2023.02.05 -
[Vue.js] 파이어베이스를 연동하여 데이터 다루기
1. 파이어베이스 문서(id)와 데이터 추가하기 addStudent(){ const self = this; // self를 쓰는 이유는 바깥의 this들과 햇갈리지 않기 위해서 const db = firebase.firestore(); const _data = { // data()에 있는 데이터가 바로 들어갈 수 없다. name: self.name, grade: self.grade, gender: self.gender, team: self.team, phoneNum: self.phoneNum, } db.collection(self.fbCollection) // { // 아무 문제없이 윗쪽 코드가 다 성공하면 then이 실행 alert("저장되었습니다") this.$router.push('/list') }..
2023.01.04 -
firebase 기초 활용
1. 사용자 관리 (1) Authentication 시작하기 (2) 아래의 화면에서 이메일/비밀번호 선택 (3) 아래와 같이 설정을 한 후 저장버튼 클릭 2. 사용자 추가 (1) Authentication - Users에서 사용자 추가 버튼 클릭하여 이메일과 비밀번호를 입력 후 사용자를 추가한다. 3. 데이터베이스 사용 (1) 데이터베이스를 테스트모드로 클릭하여 생성한다. (2) 컬렉션 시작 버튼을 누른 후 컬렉션 ID를 users로 입력한다. (3) 문서 추가에서는 문서 ID를 자동ID로 설정하고 필드, 유형, 값 을 정하여 생성한다. (4) 필드에 해당 데이터가 추가된 것을 볼 수 있다. 4. 프로젝트 실행 후 Home.vue 파일 열기 (1) 태그 안에 아래와 같이 데이터를 선언할 수 있는 공간을 ..
2023.01.02 -
[firebase] firebase 연동
1. 프로젝트 생성 (1) __run 폴더 생성 (2) __run 폴더 안에 MDB4파일을 압축을 풀어 원하는 프로젝트명(test001)으로 변경하고 firebase_test001폴더를 생성 2. webStorm에서 test001을 열기 (1) 터미널에 yarn입력 -> 설치 됨 (2) yarn run build -> dist폴더 생성 3. 터미널 실행 (1) 아래 명령어 입력 brew install firebase-cli (2) 구글 firebase 콘솔 홈페이지로 접속한 후 아래의 코드를 실행 firebase login (3) 4. firebase폴더, firebaseConfig.js파일 생성 (1) webStorm에서 실행한 test001프로젝트에서 src폴더 하위에 firebase폴더를 생성한다...
2023.01.02 -
firebase에서 CRUD
#1 파이어베이스에서 데이터 호출 getDataList(){ const self = this; const db = firebase.firestore(); db.collection(self.fbCollection) .get() .then((querySnapshot) => { if (querySnapshot.size === 0) { return } querySnapshot.forEach((doc) => { const _data = doc.data(); // const _user = doc.data().doc(self._data.id); _data.id = doc.id console.log(_data) self.rows.push(_data); }); }) }, #2 특정 ID의 데이터 호출 getData(){..
2022.12.30