728x90
반응형
- [팀] 겸상 - Postman에서는 GET요청에서 body를 보낼 수 있는데, Axios에서는 불가2022-07-03 11:52:42겸상 팀 프로젝트에서 맡은 화면 및 기능 구현을 거의 마무리하였고 이제 API를 붙이고 있다. 밥상 목록 중 신청한 밥상만 추려서 가져오는 API를 붙이던 중에 경험한 일이다. [그림 1]과 같이 Postman에서는 GET 요청 시 body가 전달되고 원하는 응답을 받을 수 있었다. 하지만 Axios를 통해 요청하면 [그림 2]와 같은 현상이 발생하였다. 이 문제로 많은 시간을 보냈는데 결론은 Axios에서 GET 요청 시에는 body를 보낼 수 없다고 한다. 아래 링크는 참조한 자료이다. https://jacobgrowthstory.tistory.com/44 [Axios] get 요청 시 Query Params 보내기 (에러핸들링) 프로젝트 중 axios를 통해 get 요청 시 에러가 발생했다. req..
- [팀] 겸상 - Vue.js에서 textarea에 동적 메시지 값 데이터바인딩 처리2022-06-30 00:37:06겸상 프로젝트 팀 회의에서 선택된 숟갈에게 각 숟갈의 닉네임이 포함된 단체 메시지를 발송하는 것에 대해 부정적인 의견이 모아졌다. 숟갈의 프라이버시를 침해할 수 있다는 것이 이유였다. 사실 숟갈이 선택될 때마다 textarea에 동적으로 default 메시지를-자동적으로-생성하는 기능을 구현하기 위해 꽤 애를 먹었기 때문에 그런 팀원들의 의견이 반갑지 않았다. 그래도 팀 내 다수의 의견이므로 이 기능을 빼기로 했고, 아쉬우니 블로그에는 남겨 두고자 이 글을 작성한다. [그림 1]과 같이 함께할 숟갈이 모두 선택되면 textarea가 표시된다. textarea에는 사용자가 입력하지 않아도 default로 메모가 작성되어 있고 이 메모는 수정이나 삭제가 가능하다. 사실 여기까지의 구현은 매우 간단하다. 문제..
- [팀] 겸상 - CSS의 linear-gradien와 rgba를 이용해 투명 그라데이션 적용2022-06-23 01:24:17그간 작성했던 함께할 숟갈 페이지를 팀 회의 때 보여 주었다. sticky를 적용하여 선택된 숟갈을 모니터링할 수 있도록 처리한 부분은 좋게 평가를 받았다. 하지만 하단의 "선택 완료" 버튼 부분의 처리가 아쉽다는 의견이 지배적이었다. 회의가 끝나고 계속 고민하던 중에 하단부가 자연스러울 수 있도록 그라데이션 효과를 주면 어떨까 하는 생각이 들었다. sticky가 적용된 "함께할 숟갈"의 bottom 부분을 자연스럽게 처리하기 위해서 흰색 투명 그라데이션을 주기로 하였다. 그래서 아래 코드와 같이 linear-gradient 안에 rgba를 각각 0(투명), 1(불투명)으로 주어 밑에서 위로 올라가면서 점점 불투명해지는 효과를 주고자 하였다. 하지만 [그림 1]에서 빨간색으로 표시한 부분에 해당 효과가 ..
- [팀] 겸상 - CSS의 z-index로 HTML요소에 우선순위 부여하여 sticky 적용한 요소를 화면 전면에 위치시키기2022-06-20 18:56:10포토샵에서 레이어의 위치를 조정하듯 원하는 HTML 요소를 화면에서 가장 위쪽에 보이도록 할 필요가 있었다. [그림 1]의 "함께할 숟갈"에 sticky를 적용하여 스크롤을 내리면 화면 최상단에 고정되게 하였다. 그런데 "함께할 숟갈"이 화면의 전면에 위치하지 않고 뒤로 숨어버리는 문제가 발생하였다. 원했던 결과는 "함께할 숟갈"이 [그림 3]과 같이 화면의 가장 앞쪽에 표시되도록 하는 것이었다. 이때 z-index를 이용하여 HTML 요소에 우선순위를 지정하면 간단히 해결할 수 있었다.
- [팀] 겸상 - 5주차 전체미팅: 데이터베이스 설계(220605)2022-06-06 18:15:29| 데이터베이스 설계 진행 과정 부트캠프에서는 구글 워크시트를 이용해 데이터베이스 설계를 진행했었다. 그런데 우리 팀장이 ERDCloud라는 서비스를 사용할 것을 제안하여 이번에 처음으로 사용해 보았고, 서비스 경험은 매우 좋았다. 그 이유는 크게 세 가지인데 다음과 같다. 테이블명과 컬럼명을 실제 DBMS에서 사용하는 이름과 별개로 한글로 알아보기 좋게 기입할 수 있다. 협업이 가능하다는 점이다. 작업 후 sql 내보내기가 가능하다. sql 뿐만 아니라 png, xlsx로도 내보낼 수 있다. 1번과 2번의 작업은 엑셀 워크시트에서도 가능하다. 하지만 3번은 MySQL에서 다시 작업해야 한다. ERDCloud를 사용함으로써 단번에 1, 2, 3번이 가능해졌으니 사용하지 않을 이유가 없었다. 사용방법도 직..
- [팀] 겸상 - 4주차 전체미팅: Wireframe 설계(220529)2022-06-01 09:17:39| Wireframe 설계 진행 과정 Wireframe 설계에 쓸 툴로 카카오 오븐과 피그마를 놓고 고민했었다. 카카오 오븐은 협업이 곤란하다고 하여 망설임 없이-만장일치-피그마를 채택했다. Wireframe 설계 작업은 만만찮았고 우리 팀은 금요일 하루를 제외하고 매일 밤 자정까지 미팅을 가졌으며, 발표 한 시간 전에도 리허설을 진행했다. 첫 미팅 때는 아래의 유의 사항을 함께 공유했는데 "화면 설계서를 이쁘게 그릴 필요 없다. 필요한 기능이 모두 다 들어가야 한다. User flow에 따른 화면 설계를 해야 한다." 이 세 가지를 특히 강조했다. Wireframe 설계 시 유의 사항은 멘토님의 영상의 내용을 우리 팀장이 정리한 것이다. Wireframe설계 시 유의 사항 와이어프레임(화면 설계서)은 ..
- [팀] 겸상 - 3주차 전체미팅: 애플리케이션 기능/서비스 설계(220522)2022-05-25 00:28:10| 애플리케이션 기능/서비스 설계 기능목록, 사용자 분석, 사이트 맵 애플리케이션 기능/서비스 설계에서는 "기능목록, 사용자 분석, 사이트 맵"을 작성해야 한다. 개발자의 품격에서 제공하는 영상을 먼저 학습한 후 진행하였다. 관련 영상은 다음과 같다. https://youtu.be/RYJtdnorzxE https://youtu.be/MCVgUSNyc8g https://youtu.be/odhNcgE1l4s 피드백에 대한 생각 이번에 우리 2팀은 멘토님으로부터 "지난주와 전혀 다른 팀이 되었다!"라는 평가를 받았다. 그 덕분에 지금도 자축하는 분위기이다. 사실 지난 벤치마킹 과정에서 준비와 발표를 그렇게까지 못했다고 생각하지는 않는다. 오히려 다양한 시도 중 하나라고 생각한다. 지난 3주의 모든 과정에서 우..
- [팀] 겸상 - 2주차 전체미팅: 벤치마킹(220515)2022-05-16 09:56:42| 벤치마킹 아이템과 메인 타깃 한국관광공사 빅데이터 분석자료를 통해 혼자 하는 여행에 대한 니즈와 문제점을 파악하고 "혼행(혼자 하는 여행)의 안전, 기록, 매칭 서비스"를 구상하였다. 분석자료에 의하면 혼행을 하는 연령대는 30대가 가장 많았고, 남성이 여성보다 약 2배가량 많았다. 우리 팀은 성별에 의한 차이를 2030 세대 여성들의 "안전 염려"가 허들로 작용한다고 보았고 이 부분만 해소한다면 잠재 고객을 가져갈 수 있겠다고 생각했다. 그래서 메인 타깃을 2030 세대 여성으로 잡았다. 특징과 문제점 혼행의 특징은 "혼자만의 시간과 기록, 새로운 만남 추구"라는 상반되는 목적이 공존하고 있다는 점이다. 혼행을 불편하게 하는 단점은 "혼밥 문제, 상대적으로 높은 경비, 교통 이용의 불편, 안전 염려..
728x90
반응형