개발공부기록

4주차파이어 베이스(Firebase)구글이 개발한 모바일 및 웹 애플리케이션 서버리스(무서버)개발 플랫폼백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와줌즉, 백엔드 코드 한 줄 없이도(서버 없이) 프론트엔드 지식만알아도 웹 서비스를 출시할 수 있음(물론 자유도는 떨어짐) 사용량만 넘어가지 않으면 무료보안 인증, NoSQL DB, Storage, 백엔드 로직 API, 호스팅 등등의 여러가지 서비스를 손쉽게 사용할 수 있음 프로젝트 만들기 https://firebase.google.com/?hl=ko로그인 필요함더보기1. 사이트 접속 후 우측 Go to console 이동 2. 프로젝트 시작하기 3. 프로젝트 이름 설정 후 계속 4. AI 지원, 구글 애널리틱스 사용..

3주차나만의 추억 앨범에 제이쿼리 적용하기추억 저장하기 버튼한번 클릭하면 카드 기록창이 on/off 되도록 작성JQuery는 이미 on/off 기능을 하는 toggle()을 제공함 스크립트 태그 안에 openclose()라는 함수를 만들고, 추억 저장하기 버튼을 눌렀을 때 해당 함수가 작동하도록 onclick="openclose()"를 설정 toggle() 함수가 적용될 대상인 카드 기록 창을 감싸고 있는 div 태그에 id를 지정하고 JQuery를 사용하여 지정한 id값에 toggle() 함수를 사용하면 버튼을 누를 때마다 on/off가 적용됨 개발자 도구로 들어가서 적용된 div 태그를 보면 버튼을 눌렀을 때 html 코드자체가 사라지는게 아니라 display값이 none으로 되었다가 다시 정상으로 ..

1주차html모든 태그는 매우 많기 때문에 외워서 사용하는 것이 아니라 필요할 때마다 검색해서 사용해야 함애초에 외울 수도 없음 cssstyle 태그 안에 작성css를 적용하고자하는 태그에 class로 이름을 지정하고 style 태그 안에 .클래스명 {속성: 값} 으로 입력해주면 됨마찬가지로 속성은 매우 많으므로 마찬가지로 필요할 때마다 검색하면 됨* {  } 은 전체에 적용하겠다는 뜻 배경 적용은 아래의 3개 키워드는 세트로 사용된다고 생각하면됨적용할 url을 어떤 사이즈로 어디에 위치시킬지 적용함background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");back..