$$config title: 기타 작업물 리스트 keywords: - 작업물 $$ # 작업물 리스트 ## 작업물 1 ### 개요 - 이름 : 코틀린 텍스트 게시판 - ? 리포지터리 주소 : [https://github.com/scc2111/kotlin_simple_ssg](https://github.com/scc2111/kotlin_simple_ssg) - 설명 : 순수 코틀린을 사용하여 게시물 CRUD를 구현, 내부 구조는 MVC ### 기술 스택 - 코틀린 - CRUD - MVC ### 구현 기능 - 게시물 작성 - 게시물 상세 - 게시물 수정 - 게시물 삭제 - 게시물 리스트 - 회원가입 ### 느낀 점 - 처음 무언가를 배워 만들어 낸 결과물이다.
코틀린이라는 언어를 처음 접하고 MVC라는 개념도 처음 접했다.
간단하게나마 프로그래밍적인 원리를 이해하는데 도움이 되었다.

## 작업물 2 ### 개요 - 이름 : 아두이노를 활용하여 LED판에 문구 출력 - ? 시연 영상 주소 : [https://www.youtube.com/watch?v=8PYzcE4ZQz8](https://www.youtube.com/watch?v=8PYzcE4ZQz8) ### 기술 스택 - 아두이노 - C언어 ### 느낀 점 - 아두이노 역시 처음 접해봤다.
3명씩 조를 짜서 각 조마다 목표를 설정하고 만들어보는 과정이다.
소프트웨어와 하드웨어와의 조화를 체험할수 있었고 진동이나 센서 등 아두이노로 만들어 낼수 있는 다양함에 대하여 다소 놀랐다.

## 작업물 3 ### 개요 - 이름 : PHP 커뮤니티 사이트 - ? 리포지터리 주소 : [https://github.com/scc2111/b.scc211.PHP_BLOG](https://github.com/scc2111/b.scc211.PHP_BLOG) ### 기술 스택 - PHP - 아파치 - MySQL - HTML / CSS - Tailwind / ToastUI ### 구현 기능 - 게시물 작성 / 수정 / 상세 / 삭제 / 리스트 - 로그인 / 로그아웃 ### 느낀 점 - Maria DB와 웹서버, 도메인에 관하여 이해할수 있는 수업이다.
PHP를 이용하여 직접 커뮤니티 블로그를 만들어보고 HTML/CSS를 활용하여 텍스트 게시판보다 디자인적으로 더 나은 커뮤니티 게시판을 만들수 있었다.

## 작업물 4 ### 개요 - 이름 : 3뎁스 풀다운 메뉴 - 소스코드 : [https://codepen.io/CYJ94/pen/OJgrgdm](https://codepen.io/CYJ94/pen/OJgrgdm) ### 기술 스택 - HTML - CSS ### 느낀 점 - 모든 웹사이트의 기본이 되는 메뉴를 구현했다.
잰코딩의 개념을 비롯해 ul,li태그의 이해도를 높일수 있었다.

## 작업물 5 ### 개요 - 이름 : 반응형 그리드 - 소스코드 : [https://codepen.io/CYJ94/pen/rNwowPP](https://codepen.io/CYJ94/pen/rNwowPP) ### 기술 스택 - HTML - CSS - CSS 미디어 쿼리 ### 느낀 점 - 인터넷 쇼핑몰에서 흔히 볼 수 있는 페이지를 제작했다.
특히 CSS의 이미지 배치나 너비, 높이 등을 자세하게 공부할수 있는 과정이었다.

## 작업물 6 ### 개요 - 이름 : 반응형 팝업 - 소스코드 : [https://codepen.io/CYJ94/pen/qBjLjvB](https://codepen.io/CYJ94/pen/qBjLjvB) ### 기술 스택 - HTML - CSS - CSS 미디어 쿼리 - CSS FLEX - JavaScript - JQuery - TailWind ### 느낀 점 - 기존 html/css에 자바스크립트를 이용하여 팝업을 구현했다.
자바스크립트의 클릭 이벤트와 css의 애니메이션 속성을 이해 할 수 있었다.

## 작업물 7 ### 개요 - 이름 : 반응형 모바일 사이드바 - 소스코드 : [https://codepen.io/CYJ94/pen/vYZvZPK](https://codepen.io/CYJ94/pen/vYZvZPK) ### 기술 스택 - HTML - CSS - CSS 미디어 쿼리 - CSS FLEX - JavaScript - JQuery - TailWind ### 느낀 점 - pc와 모바일에서 각각 보여지는 페이지가 다르도록 구현했다.
자바스크립트의 addClass와 removeClass를 이용하여 사이드바를 숨기거나 보여줄수 있다.

## 작업물 8 ### 개요 - 이름 : 텍스트게시판 - ? 리포지터리 주소 : [https://github.com/scc2111/java_text_board_2021](https://github.com/scc2111/java_text_board_2021) - 설명 : 자바 언어를 이용하여 텍스트 게시판 구현 ### 기술 스택 - Java - MVC ### 느낀 점 - 자바의 객체지향에 대하여 자세하게 공부할수 있었지만 아직은 완벽하게 이해하진 못한 듯싶다.
MVC구조도 다소 부족함이 있어 지속적으로 공부 해야함을 느낀다.

## 작업물 9 ### 개요 - 이름 : JSP 커뮤니티 - ? 리포지터리 주소 : [https://github.com/scc2111/jsp_community](https://github.com/scc2111/jsp_community) - 설명 : JSP를 이용하여 커뮤니티를 구현 - ? 기술서 주소 : [https://slog.gg/p/908](https://slog.gg/p/908) ### 기술 스택 - JDK 15 - JDBC - Tomcat 9.0 - Servelt 4.0 / JSP 2.3 - MySQL - jQuery - Tailwind - HTML / CSS / JavaScript ### 구현 기능 - 회원관리(회원가입, 로그인, 로그아웃) - 아이디 중복 체크 - 비밀번호 찾기 - 멀티 게시판 - 임시패스워드 발급 - 이메일 발송 - 좋아요 기능 ### 개발 환경 - STS 4.10.0 - SQLyog - Maven - Visual Studio Code - Chrome - Windows 10 ### 느낀 점 - 가장 부족함이 많이 느껴진 과정이다.
시간도 충분히 투자하지 못했고 여러모로 외적으로나 내적으로나 여건도 받쳐주지 못했기에 아쉬움이 많은 작업이었다.
각 인터셉터와 컨테이너, dto, 서비스 등에 대하여 숙지가 부족하다.
이들의 요청과 응답, 서로 주고 받는 과정에 대하여 많은 공부가 필요하다.

## 작업물 10 ### 개요 - 이름 : Spring Boot 커뮤니티 - ? 리포지터리 주소 : [https://github.com/scc2111/springboot_community](https://github.com/scc2111/springboot_community) - 설명 : JSP를 활용하여 커뮤니티를 구현 - ? 기술서 주소 : [https://slog.gg/p/911](https://slog.gg/p/911) ### 기술 스택 - JDK 15 - JDBC - Tomcat 9.0 - Servelt 4.0 / JSP 2.3 - MySQL - jQuery - Tailwind - MariaDB - HTML / CSS / JavaScript - Spring Boot ### 구현 기능 - 회원관리(회원가입, 로그인, 로그아웃) - 아이디 중복 체크 - 아이디 찾기 / 비밀번호 찾기 - 게시물 작성 / 수정 / 삭제 / 상세 - 댓글 작성 / 삭제 / 수정 - 좋아요 / 싫어요 ### 개발 환경 - STS 4.10.0 - SQLyog - Maven - GIT / GITHUB - Visual Studio Code - Chrome - Windows 10 ### 느낀 점 - 예정