Lv. 0

보호되어 있는 글입니다.

2022년 5월 ~ 2024년 10월까지 약 2년 반 동안 SM 업무를 수행하고 퇴사하였다. 운영업무가 비교적 편하다?는 인식이 있지만, 생각보다 유지보수를 위한 수정업무가 잦았다. 신규 개발 업무도 내려오는 경우가 많아서 일정을 맞추기 위해 야근을 하는 경우도 꽤 있었다. 물론 매일매일 밤 늦게까지 야근하는분들에 비하면 편안한 환경에서 근무했던 것 같다. 함께 일하는 분들도 실력도 뛰어나고, 잘 도와주셔서 일하는 동안 사람들을 정말 잘 만났다는 생각이 들었다. 첫 업무의 시작을 운영으로 해서 개발부터 배포까지 IT 업무 흐름에 대해 파악할 수 있는 좋은 경험을 한 것 같다.(코딩 국비 학원 수료 후에도 SSH랑 FTP가 뭔지도 모르는 수준이었음...)    운영업무를 마무리하고 이제는 프로젝트를에서 새..

주요 개념 복습 및 Spring Annotation 정리 💥 이전 개념 복습 + 새로운 개념 Controller - 요청에 따라 알맞은 서비스를 호출하고 결과에 따라 응답을 제어하는 역할을 한다. Interface - 모든 메서드가 추상인 클래스 - 필드는 묵시적으로 public static final - 메서드는 묵시적으로 public abstract ( + default 메서드도 가능함 ) * Service에서 인터페이스를 사용하는 이유 1. 프로젝트에 규칙성을 부여하기 위해 ( 인터페이스 상속 → 오버라이딩 강제 → 상속 받은 모든 클래스가 동일한 형태 ) 2. 유지보수를 쉽게 하기 위해 ( Service는 비즈니스 로직을 처리하므로 수정이 잦음. 인터페이스를 상속 받은 다른 클래스에 수정 코드를 ..

Spring Framework 란?? - 자바를 위한 오픈 소스 프레임워크 - 동적 웹 사이트 개발을 위한 여러 서비스를 제공함 - 공공기관 웹서비스 개발 시 사용 권장하는 전자정부 표준 프레임워크(Spring MVC Project)의 기반 기술 Spring Framework의 특징 * IOC (Inversion of Control) : 제어의 반전 - 컨트롤의 제어권이 프레임워크에 있음 - 객체의 생명주기를 프레임워크가 주도함 - 객체를 생성하고 직접 호출하는 프로그램이 아니라, 만들어둔 자원을 호출해서 사용 * DI (Dependency Injection) : 의존성 주입 - 설정 파일이나 Annotation을 통해 객체 간 의존 관계를 설정한다. - 의존하는 객체를 개발자가 직접 생성할 필요가 없음..

@WebServlet("url") - 기존 web.xml(배포서술자)에 작성하던 servlet 연결 구문을 간소화하는 Annotation(어노테이션) 데이터 전송 방식 - POST : 삽입 - GET : 조회(검색) - PUT : 수정 - DELETE : 삭제 * 를 이용한 요청은 GET 방식으로 처리된다. * POST 방식의 요청은 문자인코딩 설정을 해야한다. (한글이 깨지기 때문) @WebServlet("/login") public class LoginServlet extends HttpServlet{ @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOExc..

🐱‍👤 정규 표현식 (Regular Expression) - 특정 규칙을 가지는 문자열의 집합을 표현하는데 사용하는 식 - 정규 표현식을 사용하면 입력된 문자열에 대하여 특정 조건 검색, 일치 여부, 치환에 대한 조건문을 처리하기 쉽다. 🐱‍👤 정규 표현식 객체 생성 및 확인 메서드 1. 정규 표현식 객체 생성 방법 - const regExp = new regExp("정규 표현식"); - const regExp = /정규 표현식/; 2. 문자열 패턴이 일치하는지 확인하는 메서드 1) regExp.test( 문자열 ) - 문자열에서 일치하는 패턴이 있으면 true 반환하고 없으면 false를 반환한다. 2) regExp.exec( 문자열 ) - 문자열에서 일치하는 패턴이 있으면 매칭되는 첫 번째 문자열을 ..

기본적인 함수 function 함수명(){// 함수 선언 // 함수 정의 } 함수명(); // 함수 호출 클릭하면 숫자가 증가하는 버튼 0 function clickCount(){ const btn1 = document.getElementById("btn1"); btn1.innerText = Number(btn1.innerText) + 1; } 익명 함수 function(매개변수){// 함수 선언 // 함수 정의 } - 이름이 없는 함수, 마음대로 호출하는 것이 불가능하다 - 이벤트 핸들러 같이 바로 실행되는 함수가 필요할 때, 매개변수나 변수에 함수를 저장해야하는 경우에 사용한다. * 클릭하면 배경 색깔이 변하는 버튼 만들기 (익명 함수 사용) 익명 함수 document.getElementById("b..

당분간 정리 글은 https://velog.io/@bank-coder

01. JavaScript 개요 🔹 script 언어 응용 프로그램의 동작을 사용자의 요구에 맞게 제어하는 언어 별도의 소스코드 컴파일을 진행하지 않고 인터프리터(Interpreter)를 이용해 소스코드를 한 줄씩 읽는다. 🔹 JavaScript(JS) 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어 ECMA Script 표준을 따르는 대표적인 웹 기술 🔹 JS preview 버튼1 제목 배경색 바꾸기1 제목 배경색 바꾸기2Test 영역 테스트 영역 버튼1 제목 배경색 바꾸기1 제목 배경색 바꾸기2

BootStrap BootStrap이란? 🔹 웹 페이지 개발 시 화면을 쉽고 일관성있게 구현할 수 있도록 Twitter에서 만든 Framework 🔹 각종 레이아웃, 버튼, input 태그 등 컴포넌트를 CSS, JS 등으로 미리 만들어놓고 제공한다. 🔹 클래스를 지정해서 원하는 속성을 적용시킬 수 있다. BootStrap 개요 버튼 (button) 관련 속성 (컴포넌트) 버튼 크기 : .btn-lg , .btn-sm 적용 Large button Large button 버튼 비활성화 : disabled Primary button 버튼 블록(grid 이용) : class="d-grid gap-2 col-6 mx-auto" Button Button BootStrap 유틸리티 배경색 관련 유틸리티 배경색 : ..