홈페이지 링크: https://clearsky-s.github.io/abydos-highschool-homepage/

1 / 3

2 / 3

3 / 3

저번에 글 올리고 나서 아마 2주 정도면 충분히 완성 할 수 있을 거라고 생각했었는데,

학교소개 페이지 원고 써준다고 한 사람이 잠수 타고 사라져서 기다리다 보니 생각보다 오래 걸렸음. (결국 안 돌아옴 ㅋㅋ)

그래서 그냥 학교 소개나 발전기금 페이지 같은 핵심적인 원고들은 이번 주에 다 직접 썻음.

유명한 학교나 기관이 쓴 글들 이것 저것 참고해가면서 쓰긴 했는데 내가 천성이 공돌이라 잘 썻나 모르겠네.

학생게시판 쪽은 지금 다른 분이 원고 작성하시는 중이라 비어있는데 원고 넘겨주시는 데로 추가할 예정.

나머지 비어있는 페이지들은 당장은 작업할 계획이 없는 페이지들임.

(기술적으로는 백엔드 서버가 따로 필요한 페이지들임, 같은 이유로 로그인 및 글쓰기 기능도 구현하지 않았음)

게시판에서 글 누르면 대부분 "열람 권한이 없습니다" 라고 뜰 텐데 몇 백 개를 다 작업하기에는 시간 상 너무 오래 걸려서

중요한 거 몇 개만 내용을 채워놓고 나머지는 권한이 없다고 뜨게 만들었음

디자인은 하늘색과 흰 색을 주색으로 사용하고 파란색을 보조색으로 사용했음.

전체적으로 귀여우면서 약간 미래적인 느낌이 나도록 했음.

웹 공부했던 거 복습할 겸 진행한 프로젝트인데 꽤 재미있었음.

데이터 가져와서 게시판 페이징하는 것도 처음 해봐서 흥미로웠고,

사이트에 들어갈 콘텐츠 원고 쓰는 것도 전공은 아니지만 설정 놀이하는 거 같아서 재미있긴 했음.

지금 와서 생각해보면 사이트 설계 중에 마음에 안 드는 게 하나 있음. react.js 이용해서 원앱 웹페이지를 구성했는데, 뒤로가기를 누르면 사이트가 나가짐. 내가 react state만 이용해서 페이지 관리를 하도록 설계 했는데, react router를 이용해서 사이트 구조를 설계했으면 이 문제를 해결할 수 있음. 근데 사이트 전체를 관통하는 부분이라 이제 와서 이 설계를 바꾸려면 건드려야 하는 게 너무 많아서 바꿀 생각은 없음. 다음 프로젝트할 때나 참고해야지 ㅋㅋ

소스코드 링크: https://github.com/ClearSky-S/abydos-highschool-homepage

홈페이지 링크: https://clearsky-s.github.io/abydos-highschool-homepage/