본문 바로가기

커뮤니티프로젝트

(9)
커뮤니티프로젝트-반응형 navbar, palette TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 - 양컬럼에 float, overflow:hidden test 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 - 프로필설정 - storage 덮어쓰기 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 - 로그인 했을 때 오른쪽 컬럼 활성화 TODAY: BOOTSTRAP을 지우고 레이아웃도 다시 짜고, 메뉴바도 다시 만들었다. 이유는 부트스트랩 api를 설치하면서 reboot.scss라는 파일이 포함되..
커뮤니티프로젝트-프로필사진변경 TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 - 양컬럼에 float, overflow:hidden test 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 - 프로필설정 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 - 로그인 했을 때 오른쪽 컬럼 활성화 TODAY 프로필설정 기능을 마무리했다. 저번 시간에 updateprofile기능을 수정하여 정상적으로 작동하도록 하였다. displayname은 기능을 했지만 문제는 photourl을 변경..
커뮤니티프로젝트-firebase updateProfile userDb값이 null이 되는 오류 해결 TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 - 양컬럼에 float, overflow:hidden test 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 - 프로필설정 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 - 로그인 했을 때 오른쪽 컬럼 활성화 TODAY: firebase updateProfile userDb값이 null이 되는 오류를 해결했다. 근본적으로 해결하진 못하고 우회해서 기능은 할 수 있도록 만들었다. 우선 onSubmi..
커뮤니티프로젝트-로그인 했을 때 오른쪽 컬럼 활성화 TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 - 양컬럼에 float, overflow:hidden test 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 - 프로필설정 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 - 로그인 했을 때 오른쪽 컬럼 활성화 TODAY - 로그인 했을 때 오른쪽 컬럼 활성화 $active-color: #212529; $nonactive-color: #787878; userDb가 true라면 1. color이 no..
커뮤니티프로젝트-firebase updateProfile userDb값이 null이 되는 오류 TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 - 양컬럼에 float, overflow:hidden test 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 - 프로필설정 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 - 로그인 했을 때 오른쪽 컬럼 활성화 TODAY: - 프로필설정 제목에 썼던 그대로다. updateProfile을 진행하면 재렌더링되면서 갑자기 userDb(App.js에서 currentUser값을 저장한 state)이 null..
커뮤니티프로젝트-비동기, Promise TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 TODAY: - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 1. 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려가는 문제는 오른쪽 컬럼 아이콘의 크기를 조정했더니 해결되었다. 아이콘 때문에 오른쪽 컬럼의 크기나 위치에 문제가 있었던 것 같다. 2. 오른쪽 ..
커뮤니티프로젝트 - npm과 yarn의 차이, package-lock.json의 필요성 TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 TODAY: - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - CSS고치기: LINK 파랑색글, 밑줄 없애기, HOT게시판 조정 를 하려고 했으나, error를 한가득 만났다. 1. 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 네이버처럼 창 크기가 달라져도 스크..
대학생커뮤니티프로젝트-사진업로드, 미리보기, 삭제하기 TODO: 1) CSS - 반응형: 화면크기 줄어들면 오른쪽 컬럼 밑으로 내려감->해결할 것 - 오른쪽 컬럼 로그인 했을 때 - CSS고치기: LINK 파랑색글, 밑줄 없애기, 오른쪽 컬럼 아이콘 크기 조정, HOT게시판 조정 2) 백엔드 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 3) 프론트엔드 - 작성된 글 눌렀을 때, 상세페이지로 - 글 작성하기 눌렀을 때 EDITOR 화면 TODAY: - 글 작성하기 눌렀을 때 EDITOR 화면 - 글쓰기 작성완료 했을 때, FIREBASE에 DATA저장시키기 진행: 1) title, content input, form 만들고, onChange, onSubmit function 구현 (1) editor에 margin-right, margin..