본문 바로가기

전체 글

🏃11/27 내배캠 React(16일~20일) 4주차 WIL ‘ 오르락 내리락, 내 주식같은 실력 변화📉📈’ 드디어 4주차가 지나갔다 아주아주 길고 길었던 하루가 반복되었다. 이전 주 프로젝트 없이 쉬엄쉬엄 공부하며 방심하던 찰나 프로젝트가 진행되고 내용을 뜯어보니 충격 그 자체, 갑자기 스키장 꼭대기에서 밀쳐진 것처럼 허겁지겁 자세잡기에 바빠졌다.⛷️ 내가 프로젝트 구현하기 위해 해야했던 기능 - firebase 활용하여 데이터 불러오기/업로드하기 - 검색기능 - spa기능으로 구현하기 - multi-column layout짜기 - mouse hover .....등등 처음 기획하고, 역할을 나눈 후 프로젝트를 거의 다 진행하다보니 내가 맡은 메인페이지 파트가 다른 분들이 하는 것보다 조금 쉬울 수도 있겠다는 생각을 하게 되었다. 그래서 조금이라도 더 완성도를 높.. 더보기
😭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/20 내배캠 React(11~16일) 3주차 - WIL 이번주는 개인 공부를 많이 진행했다. 짧은기간 안에 많은 것들을 배웠다. 알고리즘 문제를 풀고, 자바스크립트 공부를 하고, 깃, 웹퍼블리싱, firebase,spa등등 많은 수업과 공부를 진행하였다. 짧은 기간 많은 것들이 머릿속에 들어오다 보니 정리도 안되고, 뭐부터 해야할지 감도 잘 안잡혔다. 가장 많이 알아야 하고, 튼튼하게 알아야하는 자바스크립트 공부내용을 조금더 집중적으로 공부하고, 나머지 것들도 차근차근 공부해 나갔다. 금요일엔 프로젝트를 진행하였고, 뉴스피드를 만드는 프로젝트였다. 팀원들끼리 머리를 감싸고 주제를 정하고, 역할을 나눠 프로젝트를 진행하고있다. 아직 spa, firebase 세팅 및 활용법에 대해 많은 것들을 알지 못하지만 팀원들과 함께 배워나갈 것이다. 더보기
🛫 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 공부 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 프로젝트 발재 이번주 프로젝트는 뉴스피드를 만드는 것이다. 먼저 각자 생각할 시간을 가지고 자신의 아이디어들을 발표했다. 나는 반려동물,반려식물,반려물건(?)을 자랑하는 페이지를 만들어 보고 싶었다. 디자인은 핀터레스트의 디자인 레이아웃을 참고해 짰다. 서로 생각을.. 더보기

티스토리툴바