Programming/온라인 전시회 (6) 썸네일형 리스트형 해운전 프런트엔드 웹사이트 설계 벡엔드까지 구현하고자 하였지만 오류를 잡기에 시간이 부족하여 프런트만 작성해서 업로드 시켰다. github public으로 호스팅을 걸었고 링크는 아래와 같다. ryuhajeffery.github.io/firstExhi/start 해운전 start Page ryuhajeffery.github.io 3가지 페이지를 제작하였고 소스코드는 조금씩 수정이 되었을 수 있다. Bootstrap을 큰 틀로 제작하였고 template의 출처는 아래와 같다 startbootstrap.com/theme/grayscale Grayscale - Free One Page Bootstrap Theme Grayscale is a free Bootstrap theme with a dark color scheme, smooth scr.. Spring 백앤드 설계 1. 새로운 Spring MVC 프로젝트 생성 (java version 맞추어주기 2. Library dependency 추가 3. web.xml : UTF-8 encoding filter 추가 4. root-context.xml 파일에 data source, SqlSessionFactory, SqlSession bean을 등록 5. myBatis config.xml 파일 생성 6. first-mapper.xml 파일 생성 7. FirstVO class 생성 (getters & setters) 8. FirstDAO class 생성 (CRUD methods) 9. FirstService interface 생성 10. FirstServiceImpl class 생성 11. FirstController clas.. Spring mybatis 순서 및 셋팅 (Project 생성, Java version, pom.xml, web.xml, root-context.xml Spring CURD Project (MyBatis)를 생성하는 방법은 다음과 같다 1. 새로운 Spring MVC 프로젝트 생성 (java version 맞추어주기 2. Library dependency 추가 3. web.xml : UTF-8 encoding filter 추가 4. root-context.xml 파일에 data source, SqlSessionFactory, SqlSession bean을 등록 5. myBatis config.xml 파일 생성 6. first-mapper.xml 파일 생성 7. FirstVO class 생성 (getters & setters) 8. FirstDAO class 생성 (CRUD methods) 9. FirstService interface 생성 10. Fir.. Mysql DB 이전에 페이지를 작성할때는 db4free에서 무료로 mysql db를 호스팅 했었다. 무료라는 점 빼고는 속도가 못봐줄 정도로 너무 느려서 이번에는 다른 방법으로 db를 구축해야겠다고 결심했었다 db를 구축하는 방법에 대해서 몇가지 정리를 해보았다. mysql은 db를 구축하는 하나의 방법이다. 그동안 하던 방식은 DB를 호스팅하는 방식이었다. 내 컴퓨터에 db를 구축하는 것이 아니라 다른 컴퓨터에 구축을 하고 돌아가게 하는 것이었다. 내 컴퓨터에 구축을 하게 되면 db를 돌게 하려면 항상 전원이 들어와 있어야 하며 직접 관리를 해주어야 한다. 그러나 다른 호스팅을 걸자고 하면 쉽게 관리 해주지만 느리거나 비용이 든다. 이번에 웹서버를 구축하면서 비용이 드는 것은 감안하고자 하지만 챌리중이기 때문에 일단.. Spring을 이용한 웹사이트 제작 - 1 작년 하반기 때 heroku, db4free, spring을 이용하여 로그인기능까지 구현한 웹사이트를 만들었다. 이번에 제작할 페이지는 지난학기 제작했던 것 보다는 간단하지만 조금 빠르게 페이지가 돌아가고 home에서만 template을 사용했던 것을 전체페이지에 일관되게 사용할 예정이고 (안된다면 한 페이지에 몰아서 할까도 생각중) 문제는 했던 것을 대부분 잊어버린 것이다. 다시 처음부터 어떻게 페이지를 제작하는지 하나하나 정리하고 다시 시작하고자 한다. ryuha9.herokuapp.com/ Ryuha photo ABOUT ME I take a picture of Creation. Welcome to RyuhaPhoto website. Nice to meet you. I'm Ryuha who is a.. 21년도 개인전시회 웹페이지 구축 20-2학기 때 프런트엔드 백엔드에 관한 전반적인 내용을 다루었다. 배운 것을 기반으로 직접 필요한 웹사이트를 만들어보고자 한다. 본 포스팅은 계획 초기단계로 개발하다보면 수정될 수 있음을 알려드립니다. 초기에는 온라인 전시회를 생각했지만 올해 여름에 서울에서도 비슷하게 열 예정이므로 온라인 전시를 위한 페이지는 제작이 필요 없다. 프런트 영역에서 구현해야할 부분은 크게 5페이지로 나타낼 수 있다. 1. home 처음 진입시 symbol과 click to start로 main 페이지로 넘어갈 수 있게 만드는 것 2. main 전시회의 포스터 및 기획의도 작가와 모델의 소개, 인스타등 전반적인 정보를 담는 공간 3. visitor's book 웹페이지를 구축해야하는 하는 가장 큰 이유인 온라인 방명록 4... 이전 1 다음
