프로젝트6 [백엔드 프로젝트] Hire Higher Hire Higher 프로젝트는 카카오테크캠퍼스에서 우수상을 수상한 프로젝트이다.현업 개발자님들과 열심히 하는 팀원들 덕분에 참 많이 성장하고 즐거웠던 것 같다. 프로젝트 소개이 프로젝트는 외국인 노동자를 위한 서비스이다.https://ethereal-coder.tistory.com/236 [기획 프로젝트] Hire Higher - 외국인 노동자를 위한 구인구직 서비스카카오테크캠퍼스 3단계를 앞두고 아이디어톤 행사가 열렸다. 아이디어톤 행사 3일 전에 팀이 정해졌고, 아이디어 초안을 정한 후 피드백을 받고 이를 바탕으로 하여 아이디어톤에서 서비스를ethereal-coder.tistory.com자세한 기획은 여기서 확인할 수 있다. 간단하게 설명하자면, 우리는 외국인 노동자를 구인할 때 근로계약서를 작성하.. 2025. 3. 9. [개발 프로젝트] JUSTTALK 프로젝트를 하게 된 계기내가 이제까지 구현해 본 적이 없는 것이 무엇인가에 대한 생각을 해 보았을 때 통신기능을 해보지 않았다는 것을 알게 되었다.마침 생성형 AI 활용대회가 열린다는 것을 알고 이 공모전을 위한 프로젝트를 해봐야겠다고 생각했다. 내가 해보고싶은 기능을 구현하는 프로젝트이기에 나 혼자 프로젝트를 진행했다.결과를 먼저 말하자면 140개 팀 중 15팀 내에 들어서 본선까지 진출했지만! 상은 받지 못했다ㅠㅠ 프로젝트 소개 사회성이 부족해서 어려움을 겪는 사람들이 많다. 이런 분들의 특징은 본인은 이러한 특성을 극복하고자 하고자 하는 의지가 크지만, 대화 경험을 쌓을 기회가 부족하다. 실제 사람과의 대화에서는 다른 사람들이 자신을 어떻게 생각할지에 대해 눈치를 보게 되어 제대로 된 대화를 하지 .. 2024. 11. 28. [기획 프로젝트] Hire Higher - 외국인 노동자를 위한 구인구직 서비스 카카오테크캠퍼스 3단계를 앞두고 아이디어톤 행사가 열렸다. 아이디어톤 행사 3일 전에 팀이 정해졌고, 아이디어 초안을 정한 후 피드백을 받고 이를 바탕으로 하여 아이디어톤에서 서비스를 고도화했다. 초기 아이디어 선정심사기준심사기준은 위와 같았다. 특이한 것은 시장성보다 사회적 가치를 더 많이 본다는 것이었다. 5Whys우리는 첫 기획 특강 날 배운 5Whys를 사용하여 각자의 아이디어를 적었다. 5Whys는 본인이 생각하는 문제점을 적고 그게 왜 문제인지를 적어나가는 것이다. 위와 같이 완성한 후 투표를 통해 우리의 프로젝트의 근본이 되는 문제점을 정했다.우리 팀의 최종 5whys는 위와 같다. 팀원 분이 아르바이트를 하다가 위와 같은 문제를 겪고 있는 외국인 노동자를 만나셨다고 한다.요즈음 외국인노동.. 2024. 8. 31. [백엔드 프로젝트] F!LB - AI가 알려주는 객관적인 감정인식 프로젝트 소개우리는 사용자의 일기를 ai가 분석해서 감정을 객관적으로 알려주는 서비스를 제작하였다.이 프로젝트로 해커톤에서 세종 테크노파크원장상을 수상하였다.위와 같이 회원가입을 하고 로그인을 하면사용자 별 달력이 뜬다. 달력의 색깔은 해당 날짜에 사용자가 작성한 일기의 감정을 나타낸다. 사용자가 일기를 쓰고 저장하면 위와 같이 일기의 전반적인 감정상태와 해당 일기에 대한 조언 그리고 통계자료가 나온다. 우리 서비스의 디자인은 정말 최고였다. 진짜 언제 봐도 너무 잘했다. 그리고 이걸 그대로 구현한 프론트도 너무너무 대단하다. 아이디어 도출우리의 주제는 현대인의 건강을 위한 서비스였다. 현대인의 건강을 위한 어플이면서, 사업성도 가진 서비스를 생각해내기가 조금 어려웠다. 수많은 회의 끝에 현대인이 자신.. 2024. 8. 30. [React 기본 일기장 만들기] React에서 DOM조작하기 이번에는 특정 조건을 벗어나는 입력값을 받으면 실행이 되지 않도록 하는 기능을 만들 것이다. 조건에 맞지 않는 입력에 alert 띄우기 alert 대신 focus하기 앞서 DiaryEditor.js에서 버튼을 눌렀을 때 동작하는 handleSubmit 함수를 만들었는데, 이 함수를 아래와 같이 변경해준다. state그룹명.state명.length 을 이용하여 문자열의 길이에 접근할 수 있다. 조건에 맞지 않는 입력에 alert 띄우기 const handleSubmit = (e) =>{ console.log(state); if(state.author.length < 1){ alert("작성자는 최소 1글자 이상 입력해주세요"); return; } if(state.content.length < 5){ ale.. 2023. 8. 15. [React기본 일기장 만들기] React에서 사용자 입력 처리하기 1.기본 파일 설정 2.제목 입력받기 3.내용 입력받기 4.기분 입력받기 5.버튼 만들기 6.스타일 변경하기 1.기본파일 설정 원하는 곳에 새 폴더를 만들고, npx create-react-app 폴더명 을 명령어로 입력한다. 그 다음 사진과 같이 안쓰는 폴더를 제외한 src파일들을 삭제한다. 이번 포스팅에서 만들 페이지는 위와 같이 입력을 처리하고, 선택박스 입력 처리하기, 사용자 입력 데이터 핸들링하기이다. diaryEditer 파일을 만들고 위와 같이 div를 리턴하도록 한다. 나중에 css작업을 원활하게 하기 위해서 div명은 파일명과 객체명과 동일하게 하는 것이 좋다. 그 다음 App.js에 들어가서 DiaryEditer객체를 넣는다. 이 때 import가 제대로 되어있는지 확인한다. 우리가 만.. 2023. 8. 14. 이전 1 다음
