오늘 한 일

• 프로젝트 : 디자인 사이트 피드백 ppt 작성 및 이메일 송부 완료
• 뉴스레터 : 인터뷰 원고 받음

로그인한 유저 정보 가져오기

javascript의 null

게시물 등록, 수정 화면에서 파일 삭제 버튼을 클릭하여 추가한 파일을 삭제하는 기능 구현 시도

• 기존 파일이 있는 경우엔 deleteAttach 작동함
• 기존 파일 없는 경우엔 작동 안함
  DOM으로 찾아온 객체가 null인 것은 에러 안 생김 (그냥 변수에 null이 저장됨)
  그런데 null에서 속성 찾으려고 하는 순간 에러 -> 그 이후 코드 에러 없이 그냥 실행 안됨

팀원 css 문제 해결

• div 안 img가 있는 구조에서
• 문제 1 : div에 border-radius: 50%;로 동그랗게 하고 overflow:hidden으로 튀어나오는 내부 이미지 숨기기 했는데도 이미지가 네모나면 그대로 나와버림
• 문제 2 : 현재 img에 너비, 높이값 있고 div에 text-align:center;로 이미지 중앙정렬 중인데, img의 너비, 높이를 100%로 하면 중앙정렬이 먹히지 않음.

1. 너비, 높이 없이 overflow:hidden 사용

• overflow:hidden: 부모 태그에 적용하면 부모 태그 영역에 비해 튀어나오는 자식 태그 영역을 안 보이게 처리해주는 속성
• 그런데 기준이 될 부모 태그에 너비, 높이값이 없으니 적용되지 않음
• 해결 : 부모 태그에 너비, 높이값 명시

2. 다른 중앙정렬 방식

• text-align:center: 부모 태그에 적용하면 자식 태그 중 display:inline 속성인 태그들을 중앙에 적용시키는 속성
• 그런데 1번 overflow:hidden을 적용하기 위해 부모 태그에 너비값을 주고 내부 이미지는 너비, 높이를 100%로 가득 차게 만드니 부모를 정렬해야 되는 상황이 되었음
• 해결 : 부모 태그에 margin: 0 auto 추가하여 너비가 고정일 때 남는 영역 마진은 자동 중앙으로 오도록 설정함