applan의 개발 이야기

🥅 완성 모습 See the Pen Untitled by 민수 (@applan_siepe) on CodePen. 👨‍💻 계기 회사에서 동적으로 InputGroup을 생성, 삭제, 저장 관련된 로직이 필요한 경우가 생겼다. 이전 회사에서도 개발해보고 다양한 회사에서 경험해봤는데 할때마다 잊는 것 같아서 이후 사용하기 위해 새롭게 JS ES6 문법을 참고하여 개발해보려고한다. 🤔 요구사항 추가 구현 Input Box 는 Text 타입으로 2개 생성 ( Key / Value ) 1번째 Group 버튼은 `+` 버튼 2번째 Group 이후 버튼은 `-` 버튼 삭제 구현 `-` 버튼 클릭 시 클릭한 InputGroup 삭제 최대 갯수 제한 최대 갯수 변수를 이용해 InputGroup 생성 alert 메시지 = C..

웹을 개발하다보면 TextArea 를 사용하는 일이 생기기 마련. Jquery에서 Input, TextArea 값을 가져오는 방법을 적어둔다. * TextArea는 항상 까먹어서 검색한다.. 💡 알아둘 것 원하는 태크를 선택하는 다양한 방법들 See the Pen Untitled by 민수 (@applan_siepe) on CodePen. 😃 방법 1. Input // SET $("원하는 InputBox").val("원하는 값"); // GET $("원하는 InputBox").val(); 2. radio // SET $("원하는 radio").prop('checked',true);// 선택 $("원하는 radio").prop('checked',false);// 취소 // GET $("원하는 radio")..

💥 발생 다음과 같은 테스트 컨트롤러를 생성한 뒤 로컬에서 Tomcat 을 실행시켰더니 발생한 현상 ( Content-Type에 따른 테스트를 진행하기 위해 두개의 컨트롤러 각각 생성 ) @RequestMapping(method= RequestMethod.POST, value="/test") public @ResponseBody String test(HttpServletRequest request, HttpServletResponse response) { logger.info(response.getContentType()); logger.info(request.getContentType()); logger.info(request.getQueryString()); logger.info(request.get..

💥 발생 API 서버에 Postman으로 통신을 날려보니 다음과 같은 에러 발생 🧑‍💻 문제 확인 기존에 사용하던 다른 Postman Request 들은 정상 동작 🤔 문제 해결 과정 구글 검색을 통해 확인해보니 ASP IIS 설정 문제 정보만 표기 현재 사용하고있는 프레임워크는 Spring mvc 기반이기 때문에 상관 없다고 판단, 정상 동작하는 다른 Request 와 비교 분석 😃 문제 해결 확인해보니 Body 데이터 전송 방법이 raw-JSON 방식이 아닌 form-data 방식으로 전송하고있어서 발생한 문제였음 json 방식으로 수정하니 정상 동작 확인

💥 발생 intellij IDE를 이용해 Elasticsearch 연동 소스를 개발, 이후 GitHub에 Push 한 뒤 해당 소스를 같은 팀원이 Pull 받고 문제 발생 🧑‍💻 문제 확인 @setter @getter @Component @ConfigurationProperties(prefix = "--") public class ElasticsearchConf { private String host; private Integer port; } 분명 내 IDE 에서는 문제 없이 동작, 하지만 팀원은 STS를 새로 설치하신 상태 🤔 문제 해결 과정 Lombok Setter와 Getter가 인식하지 않고있다고 판단하고 해당 소스를 Lombok을 최대한 사용하지 않는 소스로 변경 @Component @Conf..

사용 프레임워크 : 모피어스 💥 발생 프로젝트 기능 변경 테스트 진행 중 발생. HTML canvas를 이용해 이미지를 생성 후 안드로이드 다른 앱으로 간단한 데이터 보내기 기능을 이용하려는데... 기존 URL Image 로 가져오던 소스가 Base64 로 인코딩 되어있는 URL 를 읽지 못해 좀더 뒤에 있는 소스까지 java.lang.NullPointerException: Attempt to invoke virtual method 'boolean android.graphics.Bitmap.compress(android.graphics.Bitmap$CompressFormat, int, java.io.OutputStream)' on a null object reference 에러를 발생시키며 앱을 튕기게 ..

💥 발생 다음 HTML 소스에서 버튼을 클릭하면 canvas 에 테스트, 123123 이 나와야하는데 123123이 나오지 않는 현상 발생 캔버스 표기 🧑‍💻 문제 확인 Chrome 의 inspect 로 화면을 띄워서 디버깅 진행 뭐가 문제지... 해매다가 한가지 이상한 점을 확인 ..? canvasWidth 값이 왜 0이지..? 분명 800으로 줬는데...? 🤔 문제 해결 과정 이상함을 감지하고 바로 소스에 다음 console.log 추가 $(() => { let canvas = document.getElementById('testCanvas'); let ctx = canvas.getContext('2d'); let canvasWidth = $('#testCanvas').width(); ctx.font..

💥 발생 원티드 프론트엔드 챌린지 종료 후 못한 과제를 끝까지 끝내고 싶어서 도전 중 다음과 같은 오류를 만남 더보기 type Todo ---- export type Todo = { title?: string | undefined; contents?: string | undefined; } 🧑‍💻 문제 확인 TS2349: This expression is not callable. Type '[any, Dispatch]' has no call signatures. 요 에러 속에 답이 있다고 판단 후 우리의 친구 파파고를 돌려 다음과 같은 번역을 받을 수 있었다. 🤔 문제 해결 과정 1. 잘못된 타입 선언 잘보니깐 Componet랑 Type 이랑 이름이 같다.. 이런...? 급하게 Todo Type 명을 불..