firebase에 데이터 추가하기 firebase에 데이터 추가하는 기본 사용 양식. (addDoc) $("#id").click(async function () { let doc = {}; await addDoc(collection(db, "콜렉션이름"), doc); }) 각 val값을 변수에 지정 해준다. let name = $('exampleFormControlInput1').val(); let content = $('exampleFormControlInput2').val(); doc 오브젝트에 입력받는 val들을 어떤 형식으로 할지 저장한다. let doc = { name, content }; 완성된 코드 $("#enterbtn").click(async function () { const name ..

맡은 영역 - main header 영역 HTML 영역 오 월 CSS 영역 .main { background-image: url('https://pbs.twimg.com/media/DsNHKslVYAAtXwe.jpg:large'); background-position: center; background-size: cover; } .maincontent { font-size: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .maincontent > p > a { text-shadow: 6px 2px 2px gray; //그림자넣기 font-weight: bold; font-size: 75..

GIT이란? 코드 변경점 기록 (버전 관리 도구) 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는것(면접용) Git-Hub란? 온라인상에 코드를 백업하고 공유를 할 수 있는것. GIT 필수 명령어 중요 1.git init -initialize(초기화하다,초기세팅하다)의 준말 -프로젝트 시작 전 딱 한 번만 입력. -정확한 프로젝트 폴더(경로)에서 입력해야 함. 2.git add . & git commit -m "메세지 작성" -git add .은 현재 변경 사항을 저장 하는 명령어. 꼭 뒤에 띄어쓰기 + . 을 해주어야 함. -commit은 add한 내용을 적는다. 어떤 변경사항이 있는지. 3.git log 내가 어떤 저장을 했는지 commit메시지 까지 다 나온다. 총정리 느낌. Github으로 코..

style 적용할때 너비,높이 설정하고 backgroud 색상 넣기. 중앙으로 배치할때 시계 기준으로 위,오른쪽,아래,왼쪽 ( 30px, auto, 0px, auto) 기억하기. 백그라운드 이미지 설정할때 3가지 따라다니는 것 기억하기. background-image: url(''); background-position: center; background-size: cover; diplay 4가지 기억하기 display: flex; //기본 값 가로행 flex-direction: column; //세로행 기준으로 바뀜 align-items: center; //세로행 기준으로 가운데 정렬 justify-content: center; //가로행 기준으로 가운데 정렬

1. form , input , value function handleTodoSubmit(event) { event.preventDefault(); //submit기본 이벤트 새로고침 막기 const newTodo = toDoInput.value; toDoInput.value = ''; //input에 빈값 넣기. paintTodo(newTodo); //painTodo실행하고 newTodo넣어서 보내기 } toDoForm.addEventListener('submit', handleTodoSubmit); // toDoForm에 submit이벤트 추가하고 실행되면 handleTodoSubmit. 2. to - do list 나타내기 function paintTodo(newTodo) { //todo를 그리는 ..

바닐라JS로 작업 랜덤 명언 const quotes = [ { quots: 'Just Do it !!', author: 'nike ', }, { quots: 'Keep going man !!', author: 'just EunBeom ', }, { quots: "When you have a dream, you've got grab it and never let go 꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.", author: 'Carol Burneet ', }, { quots: 'The future depends on what we do in the present 미래는 현재 우리가 무엇을 하는가에 달려 있다.', author: 'Gandi ', }, { quots: 'Resolve to perfo..