231127 개발일지

1. 엑박??
   문제 : 이미지 경로 지정을 해주었는데 엑박 발생
   발생 원인:img src를 이용할 때 경로 지정 관련. 습관적으로 /를 붙여서 원본 소스폴더 안의 img 폴더를 찾는 것이 아닌 원본소스폴더의 상위 디렉토리에서 img 폴더를 찾아서 엑박 발생
   해결 방법
   1. img/test.jpg 로 쓰거나
   2. c:/img/test.jpg 와 같이 전체주소를 적어주어야 한다.
   1번의 해결 방법을 채택하여 해결
   

출처: https://lucycle.tistory.com/325

2. 왜 github에 업로드한 css 파일이 적용이 안될까?
   문제 : css 파일을 새로 작성하여 업로드하였는데, github page에 해당 내용이 적용되지 않음
   발생 원인 : 브라우저가 새로운 CSS 파일을 인식하지 못함
   해결 방법
   1. 브라우저의 캐시를 삭제하면 브라우저가 참조할 파일이 없어 새로운 css를 캐시에 보관
   2. css 파일 링크 뒤에 ?after 추가. 브라우저가 다른 css 파일을 인식하도록 하는 것이 중요
   2번 방법을 먼저 사용하였으나, 문제가 해결되지 않아 1번 방법을 사용하여 해결
   과제 : 일일히 브라우저 캐시를 삭제하는 방법 말고 다른 방법을 더 찾아보자.

출처: https://meaownworld.tistory.com/entry/CSS-%ED%8C%8C%EC%9D%BC%EC%9D%B4-%EB%B3%80%EA%B2%BD-%ED%9B%84-%EC%A0%81%EC%9A%A9%EC%9D%B4-%EC%95%88%EB%90%A0-%EB%95%8C

3. 스크립트를 작성했는데 왜 버튼을 눌러도 버튼이 먹통일까?
   문제 : 버튼을 클릭해도 스크립트에 작성한 기능이 작동하지 않음
   발생 원인 : html id 부여 실수. id ="name"이 아닌 id = "#name"을 부여
   해결 방법 : 해당 코드를 수정. 이렇게 간단하지만 발견하기 어려운 실수들을 항상 생각할 것!

4. 프로젝트 진행
   문제
   1. 개발 진행 이전에 일정을 구체화하지 못함
   2. 개발 진행 이전에 기능 명세를 따로 작성 x
   주의할 점
   1. 개발 전에는 먼저 일정을 정하고
   2. 기능 명세, api 명세같은 기능을 먼저 작성하고
   3. 실제 개발을 진행하는 것!