코딩 개발일지 (14) 썸네일형 리스트형 [개발일지] 웹개발 2주차 jQuery, Ajax 공부하기 jQuery 란? 미리 작성된 Javascript 코드로 전문 개발자들이 짜둔 코드를 가져와서 사용하는 것 (그렇게 때문에, 쓰기 전에 "임포트"를 해야함!) ex) Javascript 코드로 복잡하게 쓰이는것을 document.getElementById("element").style.display = "none"; jQuery 코드로 간단히 쓸수있다. $('#element').hide(); jQuery CDN https://www.w3schools.com/jquery/jquery_get_started.asp jquery를 사용하기전에 CDN 부분을 임포트 해야 한다 사이에 " target="_blank" rel="noopener">https://ajax.googleapis.com/ajax/libs/jq.. [개발일지] 웹개발 종합반 1주차 HTML, CSS, Javascript 기초 스파르타코딩 웹개발 종합반 1주차. 프로그램 준비. - Pycharm Professional 설치 https://www.jetbrains.com/pycharm/download/ - PyCharm Professional 등록 스파르타코딩을 통해 라이센스코드를 받아 4개월간 무료 사용 젯브레인 로그인 - 인증 https://account.jetbrains.com/login - AWS 가입(5주차때 배포를 위함) https://portal.aws.amazon.com/billing/signup#/start HTML과 CSS의 개념 HTML은 뼈대, CSS는 꾸미기 HTML은 크게 head와 body로 구성 head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다. HTML 기초 나는 구역을 나.. [개발일지]스파르타코딩클럽_앱개발 종합반 5주차 애드몹 스파르타코딩 앱개발 종합반 대망의 마지막 주차 앱을 만드는데있어서 소소한 수익을 위한, 아니 중요한 동기부여 부분인 광고를 붙이는 강좌 편이다 1. 우선 애드몹 사이트에 가서 계정부터 만든다. https://apps.admob.com/v2/home AdMob 이메일 또는 휴대전화 accounts.google.com 안드로이드 / iOS 둘다 앱 생성이 가능하다. 2. 앱에서도 애드몹을 설치해야한다. 엑스포 공식문서. https://docs.expo.dev/ Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React... [개발일지]스파르타코딩클럽_앱개발 종합반 4주차 숙제 앱개발 종합반 4주차 숙제 숙제 1: LikePage에 찜데이터 모두 보여주기! //기존 LikePage import React,{useState, useEffect} from 'react'; import {ScrollView, Text, StyleSheet} from 'react-native'; import LikeCard from '../components/LikeCard'; import Card from '../components/Card'; export default function LikePage({navigation,route}){ const [tip, setTip] = useState([{ "idx":3, "category":"재테크", "title":"잠자는 내 돈을 찾아라", "image.. [개발일지]스파르타코딩클럽_앱개발 종합반 4 Firebase //드디어 적용해보는 Firebase 파이어베이스는 구글에서 만든 서버리스 서비스입니다. 서버에 대한 지식이 그렇게 깊지 않아도 서버적인 기능들을 사용할 수 있게끔 도와주는 서비스입니다. 1. 파이어베이스 가입 -> 프로젝트 생성 등 완료하면 코드를 받게됨 톱니바퀴 -> 프로젝트 설정 부분에 가보면 확인가능 // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://.. [개발일지]스파르타코딩클럽_앱개발 종합반 4-2 날씨 API 서버API를 통해 날씨정보를 가져와 화면에 출력하기 서버 API란? 서버가 제공하는 도메인을 그대로 사용하는 방식 - 날씨 데이터를 제공해주는 일정 요청에 대해선 무료 API를 제공해주는 openweathermap api 를 사용 -------------------------------- API를 통해 날씨 데이터를 가져온다는 것은 다음 순서로 진행 1) 현재 위치(좌표) 데이터 필요, 가져오기 (어디의 날씨인지 알아야 하니까요!) 2) 위치 데이터를 이용해 현재 위치 날씨 데이터 가져오기 -------------------------------- 위치데이터 얻는 도구 공식문서 참조 https://docs.expo.dev/versions/latest/sdk/location/ Location - Expo .. [개발일지]스파르타코딩클럽_앱개발 종합반 3-7 3주차 숙제 - 꿀팁 찜 페이지 만들기 1. 먼저 어바웃 페이지를 만들자 제공된 이미지를 보면 온도 아래에 소개버튼이 있다. 우선 메인페이지에서 오늘의 날씨 텍스트 아래에 소개 페이지 버튼을 만든다 터쳐블오퍼서티로 해서 클릭시 {navigation.navigate('AboutPage')} 로 설정해 준다. {navigation.navigate('AboutPage')}}>소개 페이지 텍스트 스타일은 비슷한거 같으니 그대로 쓰고 버튼스타일은 살짝 다르니 aboutButton01로 만들어 줬다 aboutButton01: { width:100, height:40, padding:15, alignSelf:"flex-end", backgroundColor:"#fdc453", borderColor:"deeppink".. [개발일지]스파르타코딩클럽_앱개발 종합반 3-5 //이제 뭔가 확실히 복잡해져서 정리가 잘 안된다 머리도 정리할겸 개발일지를 작성하며 이해하려한다 스택네비게이션. createStackNavigator 사용하기 이젠 이해도 힘들고 공식문서를 봐도 영어라서 더 쉽지 않다 공식문서 참고 https://reactnavigation.org/docs/tab-based-navigation ------------------------------------------ 순서 1 - 설치 리액트 네비게이션 설치. 터미널창에 yarn add @react-navigation/stack 입력해서 설치한다. //난 여기서 오류가 떠서 어쩔줄 몰라하던차에 즉문즉답 게시판에 가서 검색해보니 나랑 똑같은 오류를 겪는사람의 질문 답변이 bable.config.js 파일 내용을 //ba.. 이전 1 2 다음
