본문 바로가기

전체 글

(76)
[TIL] 팀프로젝트 회고 프로젝트 명 : Stage 팀 소개 프로젝트 일정 : 12/21 - 12/27일 까지 온라인(ZEP) 회의로 진행 필수 작업 : [팀 페이지, 멤버 개인 페이지, 댓글 창 CRUD 구현, 각 멤버 페이지에서 뒤로 가기] 추가 작업 : 댓글 수정 작업, CSS 변경, 각 멤버 페이지 Top 버튼 추가 사용 기술 : HTML, CSS, JavaScript, jQuery, Bootstrap, Firebase, github - 댓글 수정하기 - 댓글 삭제하기 - Keep 팀원들과 현 상황을 서로 소통하고 공유하면서 해결하기 사소한 부분들 까지도 (git push/pull 할 때) 하겠다고 미리 말해주기 막히는 부분이나 모르는 부분이 있으면 팀원들에게 솔직하게 말하고 같이 해결해나가기 모르는 부분들 정리해보기 오..
[TIL] 4일차 막혔던 점 CSS에서 배경을 그라데이션을 주고 싶어서 linear-gradient를 썼는데, 화면에서 스크롤을 내리거나 댓글창이 하나 둘씩 더 만들어질 때 배경색이 이어지지 않고 끊기는 현상이 발생했다. 여기서 어디가 문제인지 구글링을 해보았는데 그래도 계속 제자리였다. * { margin: 0; padding: 0; } html{ height: 100vh; } body { width: 100%; background: linear-gradient(#e66465, #9198e5); } 어쩔 수 없이 다 건드려 봐야겠다는 생각을 했다. html로 width도 옮겨보고, height값을 body 태그로 내려도 보았지만 제자리였다. 그래서 하나 둘씩 주석처리하면서 해본 결과 * { margin: 0; paddi..
[TIL] 3일차 jQuery에 다양한 메서드들을 알게되어서 그 새로운 메서드 3가지를 여기에 정리해야겠다. text() : 선택한 요소의 텍스트 콘텐츠를 가져오거나 설정한다. 만약 값을 설정하려면 매개변수로 값을 전달하면 된다. 이건 텍스트 창! //textContent의 요소의 텍스트 설정하기 const textArea = $('#textContent p').text(); console.log(textArea); //출력 : 이건 텍스트 창! // #textContent 요소의 텍스트 설정하기 $('#textContent p').text('안녕하세요!'); // 화면에 안녕하세요! 로 바뀐다. find() : 선택한 요소의 하위 요소를 찾는다. 텍스트 창 코멘트 창 버튼 창 const container = $('#te..