본문 바로가기

🌼 TIL

😭11/25 내배캠 React 20일차 🐜 오늘 할 일 프로젝트 진행하기 📆 계획표 시간 내용 결과 8:00~21:00 프로젝트 ☁️ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 드디어 기본 기능 구현을 했다...너무나도 복잡하고 길고길고 길었다...ㅜㅜㅠ 밤을 몇번을 샜는지 모르겠는데, 아직까진 끝이 난건 아니다 ㅜㅠ Error list - 웹 페이지 크기를 줄이면 화면 위 nav바에 main-columns이 잘리는 이유 : nav바를 고정하기 위해 position:fixed로 지정해놨다. 그걸 position:sticky로 변경하니 해결되었다. fixed = 일반문서흐름과 완전히 다르게 제외되어 고정하는 값 -> main-columns들이 인식을 못하여 margin값이 반영되지 않았다. sticky = 고정되어 있지만, 일반문서흐름과 같이 반응하고.. 더보기
🙏11/24 내배캠 React 19일차 🐜 오늘 할 일 프로젝트 진행하기 📆 계획표 시간 내용 결과 8:00~21:00 프로젝트 ☁️ 21:00~23:00 깃, spa강의 ☁️ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘은 spa형식으로 파일을 전환한 후 mainpage가 랜딩되었을 때, post데이터의 nickName,image,profileImage,title데이터를 가져오는 함수를 입력하였다. export const getPostList = async () => { const postList = document.getElementById("main_columns"); console.log(postList); postList.innerHTML = ""; const docId = ""; //test // const docId = sessionSt.. 더보기
🙏11/23 내배캠 React 18일차 🐜 오늘 할 일 프로젝트 진행하기 📆 계획표 시간 내용 결과 8:00~21:00 프로젝트 ☁️ 21:00~23:00 깃, spa강의 ☁️ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘 진행사항 css layout 작업은 모두 마무리 했다. 이제 각 card안에 들어갈 데이터들을 가져오는 작업을 해야한다. SPA에 대한 이해가 제대로 되지 않은 상태로 들어간 프로젝트라 기존에 진행하던 방식으로 파일을 만들었다. 이후 SPA형식으로 내용을 정리하려하니 많은 것들이 햇갈리고 지연되었다. Error 사항 [ spa의 구조에 대한 부족한 이해 ] - spa구조에 맞게 html, css, js 파일을 옮겼다. 근데 데이터가 잘 다운되는지 확인해보는 중 css파일에서 충돌이 일어나 에러가 떴다. 이유 : index.html.. 더보기
🙏11/22 내배캠 React 17일차 🐜 오늘 할 일 프로젝트 진행하기 📆 계획표 시간 내용 결과 8:00~21:00 프로젝트 css 구성하기 ☁️ 21:00~23:00 깃 강의 ☁️ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘 진행사항 css layout 구현 핀터레스트의 multi column방식, 디자인을 가져와 구성 오늘의 에러사항 css layout multi column에서 각 범위를 넘어가는 contents들을 어떻게 잡아 줄 것인가 → 부모테그를 잘 사용하라 버튼을 가운데로 왔으면 한다 부모테그와 자식테그의 연관관계를 확실하게 파악하고, 그곳에 어떻게 contents를 입히고 효과를 줄것인지 계획해라 css mouse hover mouse hover 했을 때, oppurtunity 값을 주고, img의 버튼을 눌러서 posting .. 더보기
11/21 내배캠 React 16일차 🐜 오늘 할 일 firebase 세팅 강의 1차 프로젝트 CSS 레이아웃 공부 firebase 공부 📆 계획표 시간 내용 결과 9:00~11:00 firebase 세팅 강의 ☁️ 11:00~13:00 프로젝트 계획,회의 ☀️ 13:00~16:00 CSS레이아웃 공부 ☀️ 16:00~19:00 firebase공부 ☁️ 19:00~21:00 프로젝트진행 ☁️ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 firebase 이해 및 기초 세팅 firebase의 기본 템플릿 살펴보기 router.js와 main.js의 역할 router.js의 코드를 분석해본다 : handleLocation하였을 때 어떤 파일을 보여줄 것인지 결정할 수 있는 공간 main.js의 코드를 분석해본다 : 만들어 놓은 여러 함수들을 import하여.. 더보기
🛫 11/18 내배캠 React 15일차 🐜 오늘 할 일 JavaScript Deep dive 책 필사하기 (아침 8시) 1차 프로젝트 발재 프로젝트 시작 깃 공부 파이어베이스 공부 SPA 공부 📆 계획표 시간 내용 결과 8:00~8:40 JS 책 필사 ☀️ 9:00~11:00 프로젝트 발재 ☀️ 11:00~18:00 프로젝트 기획 ☀️ 19:00~20:00 CS특강 ☀️ 20:00~22:00 파이어베이스 공부 ☁️ 22:00~23:00 SPA 공부 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 프로젝트 발재 이번주 프로젝트는 뉴스피드를 만드는 것이다. 먼저 각자 생각할 시간을 가지고 자신의 아이디어들을 발표했다. 나는 반려동물,반려식물,반려물건(?)을 자랑하는 페이지를 만들어 보고 싶었다. 디자인은 핀터레스트의 디자인 레이아웃을 참고해 짰다. 서로 생각을.. 더보기
😭 11/17 내배캠 React 14일차 🐜 오늘 할 일 JavaScript Deep dive 책 필사하기 (아침 8시) 오전 프로그래머스 문제 풀이 (7조 스터디) Js공부 파이어베이스 특강 Mini project하기 (회원가입 페이지) 📆 계획표 시간 내용 결과 8:00~8:40 JS 책 필사 ☀️ 9:00~10:30 programmers 문제 풀이 ☀️ 11:00~14:00 Js공부 ☀️ 14:00~16:00 모르는 단어 및 개념 공부 ☀️ 16:00~21:00 파이어베이스 특강 ☁️ 21:00~23:00 toy project (회원가입 페이지) 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 프로그래머스 문제풀이 풀다가 생긴 모르는 것들 .sort() 배열의 요소를 정렬하는데 사용하는 함수 문자열을 정렬할 땐 알파벳 순서대로 정렬이 가능 숫자를 정렬하.. 더보기
🤿 11/16 내배캠 React 13일차 🐜 오늘 할 일 JavaScript Deep dive 책 필사하기 (아침 8시) 알고리즘 강의 수강 Git,github 강의 Mini project하기 (회원가입 페이지) JS로 하는 SPA 특강 프로그래머스 문제 2개 풀고, 설명 (7조 스터디) 📆 계획표 시간 내용 결과 9:00~10:00 외출 ☀️ 10:00~11:00 JS 책 필사 ⛈ 11:00~12:00 Js 로 하는 spa 특강 ☀️ 12:00~16:00 Git,github 강의 / 웹퍼블리셔 강의 ☀️ 16:00~19:00 알고리즘 강의 ☁️ 19:00~21:00 programmers 문제 풀이 21:00~23:00 toy project진행 (웹페이지) 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 모던 자바스크립트 Deep dive 필사 : 미니프로젝.. 더보기

티스토리툴바