[JavaScript] Form태그 하위 Input을 Post전송하는 JsFormController 만들어보기

최근 진행한 프로젝트에서 Javascript로 Form태그 하위의 Input 요소들이 유동적으로 추가 및 삭제되는 기획이 많아서, Javascript로 어떻게 하면 유동적으로 첨삭되는 Input태그들과 Form을 손쉽게 POST 전송하여 데이터를 첨삭할 수 있을까 고민하다 JsFormController라는 Class를 만들어보며 나름 뜻깊었고, 본인과 같은 고민을 하시는 분들께 약소하게나마 도움이 되고자 포스팅합니다. javascript를 사용하여 form 태그 하위 요소들을 핸들링하여 fetch 함수로 비동기 post 전송을 실행해보자. 본 예제는 Insert 부분까지만 다루며 update, destory 등은 스스로 해보면서 학습하길 권장합니다. 1. JsFormController.js 이름의 Cla..

• format_list_bulleted Language/JavaScript
• · 2022. 10. 6.
• textsms

[개발자 책 추천] 면접을 위한 CS 전공지식노트

IT 분야는 너무 포괄적이고, 각 분야별로 파고들면 들수록 세분화되고 그렇기 때문에 개발 및 IT분야 종사자는 스스로 학습을 게을리하는 순간 도태되는 것이라고 생각합니다. 하루가 멀다 하고 새로운 기술들과 새로운 하드웨어들이 쏟아져 나오는 이 시대에서 새로운 것들을 계속 공부하는 현업에 종사하는 저는 얼마 전 한 대학생에게 취업 면접 관련하여 운영체제, 네트워크, 자료구조 등 기본적인 것들에 대해 질문을 받았습니다. 그리고 그 질문들에 대해 명확하게 이야기할 수 없었습니다. 때문에 기본 중의 기본을 쉽게 이해할 수 있게 도와주는 책을 찾아보게 되었고 [면접을 위한 CS 전공지식노트]라는 책을 발견하였습니다. 현업에 종사하며 꼭 필요하다고 생각했던 디자인 패턴에 대한 간략한 설명과 각 패턴을 어떤 상황에서..

• format_list_bulleted 책/IT
• · 2022. 8. 1.
• textsms

Spring Boot에서 MongoDB 인덱스 자동증가 (autoincrement) 기능 구현하기

mongoDB는 id를 String 형태의 문자열로 구성하고 있고, 이를 강제로 Long으로 바꾸어 사용할 수 있지만, 그럴 경우 MongoRepository의 findBy 관련 함수들을 많이 튜닝해줘야 하는 단점이 보였기에 별도로 Long 형태의 idx를 collection에 추가하여 사용하려 합니다. RDS에서 제공하는 auto increment기능이 noSQL에는 없기 때문에, 각 collection의 idx 마지막 값을 저장하는 별도의 collection을 구성하여 auto increment 기능을 구현하였습니다. 1. collection들의 마지막 idx를 가지고 있는 DatabaseSequence Class 생성하기 members collection의 Long idx의 마지막 값을 가지는 d..

• format_list_bulleted Spring Boot
• · 2022. 7. 20.
• textsms

Spring Boot 및 MongoDB를 사용하여 REST API 구축하기 - 회원 가입,탈퇴,조회

Spring Boot와 MongoDB를 공부하기 위해 사이드 프로젝트를 시작하려고 마음먹은 지 오래되었지만 막상 혼자서 공부하려니 너무 막연하고 주제도 못 정하고 있었습니다. 때문에 모든 사이트의 기본인 회원 관련 API부터 구현해보기로 마음먹고 첫발을 내딛습니다. [기술 스택] Gradle 7.4.2 Spring Boot 2.7.1 openJDK 18.0.1.1 mongoDB 4.4 (본문에서 다루는 모든 패키지는 com.kimmingyu.aws 하위에 선언하고 있기 때문에 본인의 프로젝트에 맞게 수정합니다.) 1. Gradle 필요 의존성 주입 아래 2개의 dependencies는 필수로 추가합니다. modelmapper를 사용하여 Object에서 Obejct로 값을 옮길때 번거롭게 getter, s..

• format_list_bulleted Spring Boot
• · 2022. 7. 19.
• textsms

Java로 Firebase Cloude Message (Application Push) 구현하기

Firebase Cloude Message(이하 FCM)을 구현하여 Web 및 App Device에 Push Message를 보내는 기능을 구현해봅니다. FCM 구현에는 송수신을 위한 두 가지 주요 구성요소가 필요합니다. Firebase용 Cloud Functions 또는 앱 서버와 같이 메시지를 작성, 타겟팅, 전송할 수 있는 신뢰할 수 있는 환경 해당 플랫폼별 전송 서비스를 통해 메시지를 수신하는 Apple, Android 또는 웹(자바스크립트) 클라이언트 앱 1. Firebase Admin SDK 의존성 추가하기 Firebase Admin SDK를 사용하기 위해서는 해당 서버에 Java 8 이상이 설치되어 있어야 합니다. // Gradle - build.gradle dependencies { imp..

• format_list_bulleted Language/Java
• · 2022. 7. 19.
• textsms

[우이동계곡맛집] 우이동 계곡 분위기 맛집 산울림

안녕하세요? 민규입니다. 초복이 돌아왔고, 여름의 무더위를 함께 피하기 위해 서울에서 뚜벅이로 갈 수 있는 계곡 "우이동"을 방문했었습니다. 1차로 닭백숙과 도토리묵으로 든든히 배를 채우고 2차로 오게 된 [우이동 계곡 산울림] 리뷰를 시작합니다😀 입구부터 05학번 is back 느낌이 물씬 풍기는 우이동 계곡 산울림은 우이신설역 북한산 우이역 1번 출구 쪽 우이령길 입구에서 도보로 15분 정도 걸렸습니다. 처음부터 본론만 이야기하자면, 주말에 가실 거면 자차는 포기하시길 권장드립니다. 입/출구가 1개로 통합되어 있기 때문에 밖으로 나가는 차량들 평균 1시간은 소요된다고 합니다. 저는 강북-도봉구 라인에 거주하고 있는데, 집에서 택시 타고 8200원 나왔습니다:) 산울림은 계곡 바로 옆에 자리하고 있는 ..

• format_list_bulleted 생활 로그/맛집 추천
• · 2022. 7. 18.
• textsms