TIL

이제 CRUD를 구현할 차례 (U는 시간, 기술상 문제로 구현을 못했다.) DB는 파이어베이스를 쓸 것이다. 🏠 방명록 이름 비밀번호 방명록 작성 국밥 든든한 국밥 삭제 댓글 창 구조는 이렇다.. 우선 C(Create) 우리는 inputid, inputpwd, inputcom에 넣어져 있는 값을 받아올 거다. input 마다 적혀져 있는 id를 js에서 지정 후 변수에 value를 넣어준다 let id = $('#inputid').val(); let pwd = $('#inputpwd').val(); let comment = $('#inputcom').val(); 이후 db에 저장 될 형식을 만들어준다 let doc = { 'inputid': id, 'inputpwd': pwd, 'inputcom': co..

배운 것들 :hover :focus transform: scale() block-level-elements non-block-level-elements display: block / inline h1 margin-top 조절 Js toggle 종류 min-width iframe 더 있는 거 같은데.. 지금 집중력이 말이 아니다.. 웹 개발 강의 듣고 웹 개발 엄청 쉽다 했는데 나는 아직 초보인가보다. 완전 무에서 유로 만드려고 했는데 손이랑 머리에 잘 익혀지지가 않는다. 오늘 삽질 많이 함 어쨌든 오늘도 TIL 스타트 코딩에 코짜도 모르는 시절,, 머릿속으로 구현해보고 싶었던 거 짱많았다. 그래서 오늘 엄청 만들어봤다. 진짜 아이디어 제시 엄청 함 초보 특인가..?🥹 우선 첫번째 Class 를 이미 적용..

팀프로젝트 중 문제가 발생했다 margin 값 때문인가..? css에 있는 모든 class의 margin을 건들어봤는데 되지 않는다. height 이 잘못된건가..? 단순하게 이걸로 하면 눈속임은 되겠지만 글의 줄이 height 값을 넘어가면 다시 문제가 발생한다. float: left를 줘서 그런가..? 아니었다. padding..? 그럴리가 없지.. 구글링을 해도 안나왔다. 나 구글링 좀 잘했었는데... 뭐가 잘못된지 모르니까 한참을 헤맸다. 폴더 새로 만들고 문제가 생긴 부분만 복사하고 필요 없는 부분들은 전부 제외 시켜줬다 파일을 새로 만들고 열심히 뭐가 문제인지 지워보고 만들어보고 했다. 여기서 문제가 될만 한 건 없었다. 팀원들한테 물어봤다 의견 1) 안에 버튼 같은 걸 넣고 투명하게 만들어서..

Git 형상 관리 도구 - 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것 Git 명령어 리스트 git init git add . / git add 파일명 git commit -m "기능 개발과 관련된 기록" git status git log git push git clone git pull 진행 전 아래 링크에서 윈도우의 경우 Git을 다운 받아준다. Git git-scm.com vscode를 열고 작업중인 폴더를 연 후 상단 메뉴에서 터미널 - 새 터미널 - 밑에 +누르고 Git Bash를 눌러준다. git init 을 눌러서 초기화를 해준다. ( 개발 프로젝트 시작 시 딱 한 번만 입력해주면 됨) ls -al을 입력해주면 .git 이라는 폴더가 적힌 것을 볼 수 있다. git add 파일명 ..

웹사이트 추석 과제 중 참가자들끼리 투표해서 상을 준다고 한다. 남들이랑 차별점을 주려고 여러가지 시도해봤는데 그 중 하나가 meta 태그다. meta 태그로 썸네일을 바꾼다면 들어가기 전부터 남들과 차별점을 둔다. 원래 작성된 meta 태그는 이렇다 카카오톡으로 확인한 결과 썸네일이 잘 떠서 슬랙에 결과물을 올렸는데 Slack에서는 썸네일이 안 떴다. 진짜 당황해서 계속 찾아봤다. 여러 시도를 해본 결과 meta image 는 절대 주소로 입력해야한다. og 태그 말고 twitter card 태그도 작성해야 한다. 아... 둘 다 안 했었네... 🥹 바로 수정해줬다. 무료 이미지 호스팅 / 이미지 업로드 이미지를 업로드 하고공유해보세요. 원하는 곳 어디든 끌어놓기로 이미지를 바로 업로드해보세요.(이미지..

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..