Developing/TIL(Develop)67 스파르타코딩클럽 사전캠프 4주차 Firebase 연결 Firebase db 생성 파이어베이스 접속 https://firebase.google.com/?hl=ko Firebase | Google’s Mobile and Web App Development Platform Discover Firebase, Google’s mobile and web app development platform that helps developers build apps and games that users will love. firebase.google.com 우측 상단의 Go to console(콘솔로 이동) 누른다 프로젝트 만들기를 누른다 다 동의하고 계속 누름 웹 누름 규칙의 false를 true로 바 게시함 Firebase db 연결 프로젝트 설정에 가서 Compositio.. 2023. 9. 25. 스파르타코딩클럽 사전캠프 3주차 JQuery + fetch 저번에 만들었던 앨범에서 추억 저장하기 버튼을 누르면 기록하는 파트가 나오고 또 누르면 사라지는 기능을 구현해보고 기록하기 누르면 카드가 자동생성되는 거 해본다고 함 버튼 눌러서 Toggle로 열고 닫기 1 JQuery를 쓸 수 있게 사이에 임포트한다 토글할 부분에 id를 부여한다 구글에서 아무 이미지 소스나 갖다 넣었다 짠 이미지와 내용이 나타나게 된다 떡볶이가 맛있어 보인다 왼쪽은 이미지 소스 주소 대신에 텍스트 대충 입력했더니 에러나서 엑박뜨고 있는 모습이다 but 새로고침하면 떡볶이는 사라지게 된다 왜냐하면 그냥 코드를 불러오는데 db연결도 안 되어있으니 그냥 붙이는 기능만 달린 백지상태로 불려와서.. 버튼으로 Toggle해서 열고닫기 2 예전에 한 스파르타플릭스로 실습한다 영화 기록하기 버튼에다.. 2023. 9. 19. 스파르타코딩클럽 사전캠프 2-3주차 JQuery JQuery 타이틀 밑에 넣어준다. 스파르타플릭스 결과 확인하기 버튼을 눌렀을 때 Harry Potter가 나오게 된다. 변수 출력 function checkResult() { let a = '사과' $('#q1').text(a) } 반복문으로 리스트 출력 버튼 한번 누르면 다 나옴 키보드상에서 ~와 같이 있는 `(백틱)은 HTML element를 통째로 묶어서 다룰때 쓴다. 문자와 변수를 함께 쓸 수 있게 한다 let profile = `${}의 나이는 ${}살 입니다` 반복문으로 딕셔너리 출력 function checkResult() { let people = [ { 'name': '서영', 'age': 24 }, { 'name': '현아', 'age': 30 }, { 'name': '영환', 'ag.. 2023. 9. 14. 스파르타코딩클럽 사전캠프 2주차 Javascript Javascript style 밑에 script 생성 실행시키고 개발자 도구 Console에 가면 로그가 찍혀있다. Alert 기록하기 버튼을 눌렀을 때 Alert 창이 뜨게 만들어 본다. 기록하기 버튼에 onclick으로 함수를 연결해준다 상세정보 버튼을 누르면 영화 제목 색이 바뀌게 해본다. 제목을 부를만한 이름표가 필요해서 id값을 넣어준다. Ginny & Georgia function color(){ document.getElementById('title').style.color = 'red'; } 상세정보 상세정보를 눌렀더니 영화 제목이 바뀌었다. 2023. 9. 14. 스파르타코딩클럽 사전캠프 1주차 HTML+CSS HTML html 페이지를 만들어 보았다. 내용 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? The ul element represents a list of items, where the order of the items is not important — that is, where .. 2023. 9. 7. Html 속성 Html Attributes HTML 속성 모든 HTML 요소는 속성을 가질 수 있다. 속성들은 요소에 대한 추가 정보를 제공한다. 요소들은 항상 시작 태그에 명세된다. 요소들은 항상 이름과 값의 쌍으로 존재한다 name="value" href 속성 tag 는 하이퍼링크이다. href 속성은 링크가 가리키는 페이지의 URL 을 나타낸다. Visit my tistory Visit my tistory src 속성 태그는 HTML 페이지에 이미지를 삽입하기 위해 사용된다. src 속성은 나타낼 이미지의 경로를 기술한다. The src Attribute HTML images are defined with the img tag, and the filename of the image source is specified in the src at.. 2023. 9. 6. HTML 요소 HTML Element HTML element는 무엇인가? HTML element 는 start tag, some content, end tag로 정의된다. 내용 HTML element는 start tag 부터 end tag의 모든 것이다. My First Heading My first paragraph. Start tag Element content End tag My First Heading My first paragraph. none none 은 내용이 없기에 안 닫아도 되어서 end tag가 없다. 중첩된 HTML Elements HTML element들은 중첩될 수 있다. element가 다른 element를 포함할 수 있다. HTML document들은 중첩된 HTML element들로 구성된다. 4개의 HTML e.. 2023. 9. 4. HTML은 무엇인가? What is HTML? HTML은 무엇인가? HTML 은 Hyper Text Markup Language 이다. HTML 은 Web pages를 만들기 위한 standard markup language 이다. HTML 은 Web page의 구조를 기술한다. HTML 은 elements 로 구성된다. HTML elements는 브라우저에게 내용물을 어떻게 보여줘야 하는지 알려준다. HTML elements는 내용이 어떤 부분인지를 명명한다. such as "this is a heading", "this is a paragraph", "this is a link", etc. My First Heading My first paragraph. HTML5 document 인 것을 나타냄 HTML page의 root element HTM.. 2023. 9. 4. 파이썬 기본 출력 기본출력 print()함수 print("Hello, World!") 2022. 8. 5. 이전 1 ··· 4 5 6 7 8 다음
