웹사이트 추석 과제 중 참가자들끼리 투표해서 상을 준다고 한다. 남들이랑 차별점을 주려고 여러가지 시도해봤는데 그 중 하나가 meta 태그다. meta 태그로 썸네일을 바꾼다면 들어가기 전부터 남들과 차별점을 둔다. 원래 작성된 meta 태그는 이렇다 카카오톡으로 확인한 결과 썸네일이 잘 떠서 슬랙에 결과물을 올렸는데 Slack에서는 썸네일이 안 떴다. 진짜 당황해서 계속 찾아봤다. 여러 시도를 해본 결과 meta image 는 절대 주소로 입력해야한다. og 태그 말고 twitter card 태그도 작성해야 한다. 아... 둘 다 안 했었네... 🥹 바로 수정해줬다. 무료 이미지 호스팅 / 이미지 업로드 이미지를 업로드 하고공유해보세요. 원하는 곳 어디든 끌어놓기로 이미지를 바로 업로드해보세요.(이미지..
TIL
LIFE POST 라는 미래 신문 작성 홈페이지를 만들었다. LIFE POST LIFE POST NEWS wonowonow.github.io 스파르타 코딩 클럽에서 '코딩으로 나만의 특종 신문 만들기' 강의를 들었는데 주어진 HTML, CSS, Js 를 이용해서 GPT로 기사를 작성하게 하는 거였다. 기사 내용에 들어가는 사진과 동영상은 AI 사진 생성 및 동영상 생성 홈페이지를 이용하는데 1. 이미지 생성 AI Dream by WOMBO dream.ai Remove Background and Create Product Pictures | PhotoRoom Create product and portrait pictures using only your phone and our AI photo editing..
5주차에는 Github에 내 작업물을 배포하는 법을 배웠다 사실 이미 예전에 배포를 한 적이 있다. https://github.com/wonowonow wonowonow - Overview wonowonow has 3 repositories available. Follow their code on GitHub. github.com 작업물을 더 잘 만들고 싶다면? Firebase는 서버 제어 제한, 확장성 제약, 종속성이 있다. 결국엔 내 입맛에 맞게 구축하기 위해서는 다른 서버를 써야 한다. 파이썬을 배우면 조금 더 쉽게 서버에서 일어나는 일들을 제어 할 수 있다. 5주차 복습까지 끝
Firebase 이제 데이터를 서버에 보내고 가져오는 것을 배운다. Firebase는 구글에서 제공하는 비관계형 데이터 베이스다 데이터 베이스 이해하기 데이터 베이스는 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음이다. 왜 저장을 할까? 잘 찾으려고 관계형 데이터 베이스 (SQL) 관계형은 엑셀같이 정교한 특징을 가지고 있다. 표 형식으로 저장돼 있는데 정해진 표 안에 들어가지 못하는 값은 저장하지 못한다. 정리된 정보를 다룰 때 사용한다. 주 사용처는 은행, 대기업 비관계형 데이터 베이스 (NoSQL) (No는 Not only의 약자다. 그래도 편의상 노에스큐엘 이라고 부른다.) 복잡하거나 유연한 정보를 다룰 때 사용한다. 표 형식이 아니기 때문에 자유롭게 정보를 저장할 수 있다. 주 사용처는..
Fetch 어떤 서버에서 데이터를 받는 것 Fetch() 함수를 지원하기 전엔 특정 라이브러리에서 API를 호출 했다. 왜? 전에는 HTTP에서 요청을 받고 응답을 하는게 복잡한 과정이었다. Fetch() 함수가 나오면서 대부분의 문제가 해결 됐다. 클라이언트 사용자는 서버에다가 주거나 받는 걸 항상 한다. 서버->클라이언트: JSON // 딕셔너리랑 비슷하게 생김 클라이언트->서버: GET 요청 https://movie.daum.net/moviedb/main?movieId=158260 이라고 하면 movie.daum.net 이건 서버의 위치 /moviedb/main 이건 서버 창구의 이름 ?movieId=158260 이건 창구에 가져가는 번호(데이터)다. GET 호출 통상적으로 데이터 조회(Read)를..
Js에 대해서 배웠다. Js는 웹페이지에 움직임을 줄 때 사용한다. 박스가 나왔다가 사라졌다거나 서버랑 통신을 하는데 사용하거나 Js는 범용성이 넓다. 서버를 만드는데도 사용할 수 있다고 한다. Js에 들어가기 전 변수, 자료형, 함수, 조건문, 반복문 에 대해서 알아두면 Js를 잘 이용할 수 있다 변수 let a = 'hello' console.log (a) console에 hello라는 값이 출력된다. let // 선언 a // 를 변수로 지정 할 거다 = // 변수에 들어가는 값은 'hello' // 작은 따옴표 값을 선언 및 초기화 console // 콘솔 . // 의 log // 로그 작성 (a) // a라는 값 문자열 변수 결합 let a = 'hello' let b = 'nice to mee..