반응형 Projects64 [Ubuntu Git Server] 1. 서버 환경 구축 프로젝트 시작 배경 2022년도를 맞이하며 SW 팀의 소스코드 관리 방식을 변경하기로 했다. 기존에는 NAS에 개인별로 폴더를 만들고 스냅샷이 필요할 때마다 폴더를 압축해 업로드 하는 방식으로 관리했지만, 아래의 3가지 문제점 때문에 사내 Git 서버를 구축하고 그곳에서 소스코드를 관리하는 방식으로 변경하기로 했다. 용량 문제: 스냅샷을 한번 업로드 할때마다 용량이 2배, 3배로 늘어남 팀원 동시개발 문제: 서로 다른 모듈을 개발할 경우 수정 포인트를 일일이 비교하여 병합본을 만들어야 함 버전 관리 문제: 공유 폴더에서 특정 버전의 압축파일을 찾기 힘들고, 찾은 압축파일을 다시 개발 툴에 적용시키기도 힘들음 위의 문제를 해결하기 위한 Git 서버를 담당하게 되어 서버 구축 과정, 문제 해결 과정을 글로 .. 2021. 12. 1. 9. 프로젝트 종료 보호되어 있는 글 입니다. 2021. 6. 23. [개인 프로필 사이트] 8. 피드백 페이지 작성 및 기능 구현 Intro 하위 3개 페이지 중 마지막인 피드백 페이지를 작성할 차례다. 마감일이 이틀밖에 남지 않아 기본적인 게시판 기능밖에 구현하지 못했다. 게시판 기능은 Web SQL을 사용하여 구현했다. Web SQL 특성상 로컬에 저장되는 DB이기 때문에, 한 PC에서 작업한 결과를 다른 PC에서 볼 수 없다. 하지만 DB 사용과 게시판 기능 구현 그 자체가 목적이기 때문에, 감안하고 넘어가기로 했다. 코드는 아래의 링크를 참조했다. https://github.com/liokingim/html5canvas/blob/master/sqliteboard.html liokingim/html5canvas Contribute to liokingim/html5canvas development by creating an ac.. 2021. 6. 16. [개인 프로필 사이트] 7. 취미 페이지 작성 및 기능 구현 Intro 하위 3개 페이지 중 2번째 페이지인 취미 페이지를 작성할 차례이다. 내가 해본 게임들을 카테고리별로 나눠서 나열하였다. 담는 내용이 그리 많지 않은 만큼 UI도 단순하다. 완성된 UI는 다음과 같다. 모든 코드는 github에 업로드해두었습니다. 아래의 링크를 클릭하여 소스코드를 보실 수 있습니다. https://github.com/DevJaewoo/DevJaewoo.github.io DevJaewoo/DevJaewoo.github.io Contribute to DevJaewoo/DevJaewoo.github.io development by creating an account on GitHub. github.com 취미 페이지 기능 구현 페이지를 만들며 추가/수정한 사항이다. 게임 이미지를 .. 2021. 6. 15. [개인 프로필 사이트] 6. 포트폴리오 페이지 기능 구현 Intro 이전 포스트에선 각 영역의 구조만 잡았다. 이제 추가/수정해야 할 사항은 다음과 같다. 배경 이미지 로딩 속도로 인한 화면 잘림 메뉴 클릭 시 해당 영역으로 이동 보고있는 영역에 해당하는 메뉴 강조 기술 막대 애니메이션 프로젝트 탭 변경 시 관련된 프로젝트만 보여주기 모든 코드는 github에 업로드 해두었습니다. 아래의 링크를 클릭하여 소스코드를 보실 수 있습니다. https://github.com/DevJaewoo/DevJaewoo.github.io DevJaewoo/DevJaewoo.github.io Contribute to DevJaewoo/DevJaewoo.github.io development by creating an account on GitHub. github.com 배경 로딩.. 2021. 6. 15. [개인 프로필 사이트] 5. 포트폴리오 페이지 작성 Intro 하위 3개의 페이지 중 첫 번째인 포트폴리오 페이지를 작성할 차례이다. UI는 이전에 설계한 그대로 진행하되, 세부적인 UI는 좋은 아이디어가 떠오를 때마다 수정할 예정이다. 2. 프로젝트 기획 프로젝트 기획 저번 시간에 프로젝트 주제와 세부 테마를 정하고, 참고할 만한 사이트들을 찾아봤었다. 이번엔 메인 페이지와 각 세부 테마가 포함할 내용을 정하는 시간을 갖겠다. 메인 페이지 devjaewoo.tistory.com 모든 코드는 github에 업로드 해두었습니다. 아래의 링크를 클릭하여 소스코드를 보실 수 있습니다. https://github.com/DevJaewoo/DevJaewoo.github.io DevJaewoo/DevJaewoo.github.io Contribute to DevJae.. 2021. 6. 2. [개인 프로필 사이트] 4. 허브 페이지 기능 구현 Intro 허브 페이지를 만든 이후 여러 환경에서 테스트 해본 결과 크게 2가지의 문제점이 발견됐다. 모바일 화면에서 화면이 제대로 보여지지 않는다. 화면에 3개의 섹션과 메뉴 버튼 뿐이라 페이지가 너무 허전해보인다. 이 문제들은 다음과 같은 방법으로 해결할 수 있다. 모바일과 같은 세로형 화면에선 다른 UI를 보여주도록 media 쿼리를 추가한다. UI 이미지 또는 배치를 수정한다. 우선 첫번째 문제부터 해결해 보자. 모든 코드는 github에 업로드 해두었습니다. 아래의 링크를 클릭하여 소스코드를 보실 수 있습니다. https://github.com/DevJaewoo/DevJaewoo.github.io DevJaewoo/DevJaewoo.github.io Contribute to DevJaewoo/D.. 2021. 6. 2. [개인 프로필 사이트] 3. 허브 페이지 작성 Intro 이 프로젝트의 첫 페이지인 허브 페이지를 개발할 차례다. 프로젝트의 UI는 저번에 정한 그대로 개발할 예정이다. 2. 프로젝트 기획 프로젝트 기획 저번 시간에 프로젝트 주제와 세부 테마를 정하고, 참고할 만한 사이트들을 찾아봤었다. 이번엔 메인 페이지와 각 세부 테마가 포함할 내용을 정하는 시간을 갖겠다. 메인 페이지 devjaewoo.tistory.com 모든 코드는 Github에 업로드 해두었습니다. 아래의 링크를 클릭하여 소스코드를 보실 수 있습니다. https://github.com/DevJaewoo/DevJaewoo.github.io DevJaewoo/DevJaewoo.github.io Contribute to DevJaewoo/DevJaewoo.github.io development.. 2021. 6. 1. [개인 프로필 사이트] 2. 프로젝트 기획 Intro 저번 시간에 프로젝트 주제와 세부 테마를 정하고, 참고할 만한 사이트들을 찾아봤었다. 이번엔 메인 페이지와 각 세부 테마가 포함할 내용을 정하는 시간을 갖겠다. 메인 페이지 메인 페이지는 각 세부 테마에 해당하는 섹션을 선택하여 클릭 시 페이지를 이동시켜주는 일종의 허브 역할을 하도록 할 생각이다. 페이지 UI 구조는 아래의 링크를 참고할 예정이다. https://webstoryboy.github.io/portfolio/port2/ Portfolio Site PORTFOLIO UX.UI Design · Web Publishing · Product Design · Other webstoryboy.github.io 기본적인 UI 구성은 같고, 가운데의 이미지와 텍스트, 메뉴 구성 등을 변경하여 개.. 2021. 6. 1. 이전 1 ··· 4 5 6 7 8 다음 반응형