에스알닷컴

[BoostCourse] 프로젝트 2 : To-Do List 구현

긴 기다림 끝(아마 갑자기 제출한 사람이 늘어서 그런듯)에 리뷰 결과가 왔습니다.

제출한 프로젝트의 피드백을 상세하게 써주셔서 무엇을 고쳐야 하는지 알게 되었습니다.

[BoostCourse] 오프라인 스터디

피드백을 받는 것도 좋지만 진행하면서 내가 생각한 것 외에 이런저런 생각을 들어보면서 진행하고 싶어서

7월 시작부터 부스트코스 오프라인 스터디를 시작습니다.

To-Do List Project 2를 Pass 했지만 스터디에서 "어떻게 생각하고 코딩했는지"에 대해서 이야기 하면서

 - Event Listener를 더 효율적으로 쓸 것

 - 중복되는 소스를 공통 작업으로 할 수 있는 로직으로 바꾸기

 - 반복되는 함수의 호출을 줄여 메모리를 효율적으로 사용하기

등에 대해서 들어, 이미 완료 했더라도 다시 생각해 보고 수정하는 시간을 갖고 있습니다.

프로젝트 2까지는 그나마 강의 들으면서 그 내용을 이용하면 되지만 

프로젝트 3은 지금까지와는 다른 수준의 프로젝트라 스터디를 많이 이용해서 진행해야 할 것 같습니다.

[BoostCourse] 프로젝트 2 : To-Do List 구현

리뷰 결과 -> Fail

또 Fail

> 다수의 사용자가 사용할 수 있는 프로그램이라 가정하지 않고 코드를 짜다보니 이런 문제가 생겼다.

> 이런 해결 방법까지 가이드 해주신다. 

! 아 그래서 TODO에 있는 카드를 한번 눌렀을 때 DOING과 DONE 컬럼에 모두 생기는 오류가 발생 할 수도 있구나

[BoostCourse] 프로젝트 2 : To-Do List 구현

리뷰 결과 -> Fail

어떤 문제가 있는지 확인해보자

1. 화면 레이아웃

 - 여백을 구현할 때는 br태그 대신 CSS로 구현 할 것을 권장

 > 확인 및 수정됨 (br 태그 삭제 후 CSS margin을 이용하여 여백을 구현)

2. 메인페이지 - 카드노출

 > DB 쿼리문을 descending > default(ascending)으로 바꿔 각 컬럼당 먼저 등록된 순서로 노출 확인

3. 메인페이지 - 카드이동

4. Event, DOM, Ajax의 표준 API사용

5. Servlet

> parentElement.parentElement와 같은 중복 함수를 사용에서 closest() 함수를 이용하여 한번에 상위 엘리먼트를 찾음

6. 그 외에 수정이 필요한 부분

 > CSS rgb()에서 16진수로 수정 완료

 > CSS inline-block으로 처리한 부분을 모두 float로 처리 (position:absolute, float:right ...) 이러한 속성을 추가

 > 사용되지 않는 태그들의 스타일 지정 삭제 완료

> parentElement.parentElement와 같은 중복 함수를 사용에서 closest() 함수를 이용하여 한번에 상위 엘리먼트를 찾음

> 완료된 기능의 로그 주석처리

[부스트코스] 프로젝트2: To-Do List 구현

[부스트코스] 프로젝트1: 나를 소개하는 홈페이지 구현

 - HTML과 CSS 구조를 먼저 생각

https://github.com/SeokRae/interview