프로젝트
-
설리번 프로젝트 2021 상반기 교육 진행 회고록📝 회고록 2021. 9. 27. 01:07
👋 신입 개발자가 교육 프로젝트를 진행하기까지, 5개월간 설리번 프로젝트에 참여했던 이야기를 담았습니다. 프론트엔드 개발자로 취업한지 3개월밖에 안되었을 때 설리번 프로젝트의 선생님 모집 글을 보았다. 설리번 프로젝트는 프로그래밍에 관심이 많지만 도움을 구하기 어려운 학생들을 위해 대학생 또는 신입 개발자가 자발적으로 모여 코딩 교육을 진행하는 프로젝트이다. 누군가에게 내가 아는 것을 설명해 보는 과정에서 큰 공부가 될 거라 생각했고, 또래 친구들과 회사 밖, 학교 밖에서 우당탕 프로젝트를 진행해 보는 게 재밌을 것 같아서 설리번 선생님에 지원했다. 며칠 뒤 회사에서 합격 메일을 확인하고는 팀장님께 자랑했다. 너무 설렜다. 학생이 주체가 되는 교육을 만들자 팀 구성 후 함께 교육 계획을 의논하기 시작했다..
-
카카오 지도 API로 서블릿&JSP 게시판 글쓰기 구현하기JAVA 2020. 12. 4. 22:10
🎯 서블릿&JSP 게시판에 카카오 지도 API를 사용한 글쓰기 기능을 구현해본다. 카카오 지도 API를 사용하여 지도 정보를 포함한 게시글 작성 기능을 구현했습니다. 지도 검색창에 키워드로 위치 검색 후 나타나는 마커를 클릭하면 지도 아래에 선택된 좌표가 표시됩니다. [저장]버튼 클릭시 게시물 내용과 함께 선택된 좌표가 DB에 저장됩니다. 개발환경: 서블릿&JSP, 마이바티스, 오라클DB 준비사항: 게시판 DB, 게시판 모델 DTO 1. 카카오 App Key 발급받기 카카오 지도 API 가이드 👉 https://apis.map.kakao.com/web/guide/ [준비하기] 영역을 읽어보고 카카오 개발자 사이트에서 자바스크립트 App Key를 발급받으세요. 2. 사용할 지도 샘플 선택 https://a..
-
JavaScript - 미니 챗봇 🤖🚀 Projects 2020. 9. 3. 23:04
Chat-Bot 😀 Hi, Nice to meet you. xianeml.github.io 단방향 소통만 가능한 미니 챗봇 페이지를 만들었다. 앞으로 멋진 쌍방향 챗봇이 될 것이다. 사용언어 HTML, CSS, JavaScript 화면 구성 1. 질문 Change Character 버튼을 누르면 이모지의 캐릭터를 랜덤으로 변경할 수 있다. 2. 입력창 텍스트를 입력하고 Send 버튼을 누르면 입력창이 리셋되고 새로운 질문을 가져온다. 리뷰 1. 이제 버튼을 누르면 랜덤으로 리스트에서 값을 가져오는 방법에 너무 익숙해졌기 때문에 다음 단계를 생각해봐야 한다. Send 버튼을 누르면 input 값을 저장해서 화면에 띄워주도록 만들어봐야겠다. 새로운 페이지에 대화창을 만들어서 채팅처럼 핑퐁대화가 될 수 있는 ..
-
HTML/CSS - 미니 포트폴리오 페이지🚀 Projects 2020. 9. 2. 23:54
Mini-Portfolio 새로운 것을 배우고, 만들고, 공유하기를 좋아합니다. 많은 사람들과 연결되어 멋진 프로젝트에 기여하고 싶습니다. xianeml.github.io 일주일간 만든 프로젝트들을 한 눈에 모아서 볼 수 있는 간단한 포트폴리오 페이지를 만들었다. 사용언어 HTML, CSS 화면 구성 1. 타이틀 텍스트 애니메이션 라이브러리(ztext.js)를 타이틀에 사용해봤다. 마우스를 올리면 약간 움직이는 효과를 볼 수 있다. 2. 프로필 프로필 사진과 간단한 소개글을 넣었다. 3. 기술 숙련도와 취미 공부하고 있는 언어와 프레임워크를 나열하고, 프로그레스 바로 숙련도를 나타냈다. 4. 프로젝트 프로젝트 완성 후 박스에 캡쳐 이미지를 넣어서 링크할 예정이다. 리뷰 1. 프로필 이미지 테두리 색상에도..
-
JavaScript - 카페 알바 게임 ☕🚀 Projects 2020. 9. 1. 18:27
카페알바 게임 주문받기 메뉴 : coffee Espresso 에스프레소 : 2샷 Americano 에스프레소 : 2샷 물 : 1컵 Caffe Latte 에스프레소 : 2샷 우유 : 1컵 0 샷 에스프레소 0 컵 물 0 컵 우유 제조완료 다시하기 xianeml.github.io 자기전에 갑자기 생각나서 일어나자마자 하루종일 재밌게 만들어본 커피 만들기 게임이다. 사용언어 HTML, CSS, JavaScript 계획 간단한 기능과 디자인만 생각해봤다. 생각한 대로 거의 다 만들어내긴 했다. 1. 주문받기 버튼을 눌러 3가지 메뉴 중 하나를 랜덤으로 받는다. 2. 커피 만들기 제시된 레시피를 참고하여 재료 버튼을 클릭해서 커피를 만든다. 3. 제조완료 제조완료 버튼을 누르면 주문받은 커피와 비교해서 레시피 내..