나공탐 제작 4일차 (23.6.3)

4일차 진행 상황(2023.6.3)
유형 결과 (구현 완료)
- 각 유형 별로 또 html페이지 만들어서 링크로 연결.
- 기능 보단 디자인에 더욱 신경씀. (구리지만,,, 아무튼 쓴 거임...)
 
새롭게 배운 지식
- 이미지 가운데 정렬
아... 정말 이미지가 왜 이렇게 내 마음대로 안 되는지 정말 화가 날 뻔 했을 때... 위치를 지정할 수 있는 속성들을 찾았음... 근데 정말 미친듯이 찾다가 한 거라... 내가 생각해도 이게 왜 되지... 일 뿐인...
참고 링크 : https://www.freecodecamp.org/korean/news/how-to-center-an-image-in-css/

CSS로 이미지를 중앙 정렬하는 방법

 
문제점
- 문제점보다는 아쉬웠던 점? 사실 유형 선택할 때, 사진이 커지면서 그림자 효과도 주려고 했는데... 이미지 중앙 정렬하는데 너무 의욕을 다 써 버려서... 그냥 title로 툴팁 달고 마우스 커서 바꾸는 걸로 바꾸었다... 무엇보다 과제 제출까지 시간이 얼마 남지 않아서 붙잡고 있을 시간이 없다..
- 그래서 나의 정보 탭을 없앨까 생각 중... 원래는 로그인 창을 만들려고 했는데 어차피 지금 내 지식 선에서는 만들지도 못할 뿐 더러 교수님께서 다른 곳에서 코드 긁어오는 걸 약간은 부정적으로 말씀하셨기 때문에... 그리고 지금 시간이 너무 없다... 분명 내 계획상으로는 오늘 모두 끝냈어야 했는데... 열심히 좀 살자...
 
느낀 점
... 나름 삐까뻔쩍하게 만들고 싶었는데, 이 정도면 ㄱㅊ지 않나... ㅎ... 특히 너무 도움 많이 됐던 것이 chat gpt이다. 이 공부 유형을 mbti중 SJ, SP, NF, NT 유형 4가지로 분류했는데, 너무 광범위하기 때문에 각각 유형들의 공부방법이나 단점 등등 을 어떻게 써 내려가야 할지 막막했음. 그런데 gpt한테 각 유형별 학습 방식, 단점, 공부할 때 듣는 노래 등등 물어보니까 다 올바르게 답변해주는 것...(mbti를 너무 좋아하기 때문에 gpt가 말해주는 내용의 옳고 그름을 알 수 있었음) 정말 시간 많이 아꼈다. 그리고 각 유형 별로 느낀점은 인공지능 그림을 이용했다(main화면의 사진도 인공지능 그림) 내가 원하는 키워드를 입력하면 저절로 그림을 생성해주는 건데, 이번 학교 공모전을 통해 알게 되었다. 비록 공모전은 떨어졌지만... 하나님께서 이 과제 할 때 쓰라고 알려주신 것은 아닌지... 넵. 이 개발일지와는 다른 얘기지만 인공지능은 정말... 써 먹어야 한다... 인공지능에 대한 부정적인 인식이 하루 빨리 없어져야 한다고 생각.... 넵. 아무튼 이번 주 내로는 무조건 끝내야 한다. 왜냐하면 나는 시험이 일주일도 남지 않았기 때문.... 암튼 뿌듯!
 

gpt가 알려준 사이트에 필요한 정보

gpt이용 사진

가장 마음에 들었던 인공지능 그림

 

구현 화면