본문 바로가기

Language6

5분 안에 자바(Java) 변수(variable) 완벽 이해하기 1. 변수(variable)란? 프로그래밍 언어에서 변수는 데이터(data)를 저장할 수 있는 메모리상의 공간을 의미합니다. 변수에는 데이터 타입(정수, 실수, 문자, 문자열, 참/거짓 등)과 일치하는 단 하나의 값만 저장할 수 있는데요. 프로그래밍 언어에서 변수는 데이터(data)를 저장할 수 있는 메모리상의 공간을 의미합니다. 변수에는 데이터 타입에 해당되는 단 하나의 값만 저장할 수 있습니다. 자바의 데이터 타입은 크게 '기본형'과 '참조형'으로 나뉘며, 두 가지 모두를 통틀어 '자료형(data type)'이라고 표현합니다. 기본형(primivite type) : 주로, 어떠한 값에 대한 연산이 필요한 경우 사용합니다. 계산기를 예로 들면, 사칙연산에 기본형 변수를 이용할 수 있습니다. 기본형의 개.. 2023. 8. 17.
5분 안에 자바(Java) 소스 코드 구조 알아보기 자바(Java)를 시작하기 전에 자바로 프로그래밍을 시작하려면 JDK(Java Development Kit)라는 개발 도구가 필요하며, 운영체제(OS)에 JDK를 설치하면 자바 가상 머신(JVM)과 자바 개발에 필요한 프로그램들이 설치됩니다. 제 블로그의 스프링 부트(Spring Boot) - 게시판 개발환경 설정하기에서 1번부터 5번까지 진행하시면 자바 프로그래밍 준비를 마치실 수 있으니, 개발환경 세팅이 필요하시다면 참고해 주세요 :) 1. 자바(Java) 소스 파일 구조 자바에서 모든 소스 코드는 Class(이하 "클래스") 안에 작성해야 합니다. 그리고, 하나의 자바 프로그램(애플리케이션)은 여러 클래스의 집합으로 이루어져 있습니다. 아래 코드는 일반적인 클래스의 구조입니다. // 1. packa.. 2023. 7. 8.
5분 안에 자바(Java Programming Language)에 대해 알아보기 1. 자바(Java)란? 자바는 썬 마이크로시스템즈에서 개발한 객체 지향 프로그래밍(Object-Oriented Programming) 언어로, 흔히 OOP 언어라고 이야기합니다. OOP의 개념은 추후에 코딩 과정에서 자세히 다루게 되니 여기서는 생략하겠습니다. 자바의 가장 큰 포인트는 운영체제(OS)에 독립적이라는 것인데요. 이에 따라 자바로 개발된 프로그램은 운영체제 종류에 관계없이 실행이 가능합니다. 자바는 프로그래밍에 필요한 다양한 라이브러리(Library)를 제공해주고 있는데요. 자바 개발자들은 이를 잘 활용해서 더욱 쉽게 프로그래밍할 수 있고, 더욱 빠르게 결과물(아웃풋)을 낼 수 있습니다. 2. 자바(Java)의 특징 아래 5개 항목은 자바의 대표적인 특징입니다. 2-1. 운영체제(OS)에 .. 2023. 6. 24.
자바스크립트(JavaScript) 셀렉트 박스(select box) 선택된 옵션(selected option)의 값(value), 텍스트(text) 가져오기 jQuery를 이용하면 아래 코드를 활용해서 셀렉트 박스의 옵션을 제어할 수 있습니다. $('#selectbox > option'); // id를 기준으로, selectbox의 모든 옵션 조회 $('#selectbox > option:checked'); // id를 기준으로, selectbox에서 현재 선택된 옵션 조회 $('select[name="selectbox"] > option:checked').val(); // name을 기준으로, selectbox에서 현재 선택된 옵션의 값(value) 조회 $('select[name="selectbox"] > option:checked').text(); // name을 기준으로, selectbox에서 현재 선택된 옵션의 텍스트(text) 조회 아래 코드는 순.. 2023. 5. 30.
자바스크립트(JavaScript) 체크박스(checkbox), 라디오 버튼(radio) 체크 여부(checked) 및 체크된 값(checked value) 가져오기 jQuery를 이용하면 다음과 같이 체크박스 또는 라디오 버튼의 체크 여부와 체크된 값을 알아낼 수 있습니다. $('input[name="checkbox"]').is(':checked'); // 체크박스 체크 여부(checked) $('input[name="radio"]:checked').val(); // 라디오 버튼 체크된 값(checked value) "나는 순수 자바스크립트가 좋아!"라고 하신다면 다음과 같이 처리해 주시면 됩니다. document.querySelector('#checkbox').checked; // 체크박스 체크 여부(checked) document.querySelector('input[name="radio"]:checked').value; // 라디오 버튼 체크된 값(checke.. 2023. 5. 28.
자바스크립트(JavaScript) - 폼 데이터(FormData)에 객체 배열(파일 포함) 여러 개를 담아 컨트롤러로 전송하는 방법 다음과 같이 파일이 포함된 객체(JSON)를 자바스크립트 폼 데이터에 담아 컨트롤러로 전송해야 했었습니다. 여러 가지 방법으로 시도해 보았지만 컨트롤러에서는 파라미터를 수집하지 못하는 상황이었고, 며칠을 헤매다 커뮤니티를 통해 방법을 찾게 되었습니다. 앞의 BoardDTO 객체를 리스트로 전달받으려면 아래와 같이 임시 클래스를 하나 생성한 후 컨트롤러 메서드의 파라미터로 선언해 주면 됩니다. 프론트 단에서 JS 로직은 아래와 같은 형태로 처리되는데요. 우선, 비어있는 FormData와 각 DTO를 담을 배열(boards), 그리고 각 DTO의 멤버를 저장할 리터럴 객체(data)를 선언합니다. for 문의 inputs는 HTML form 태그의 모든 input 엘리먼트를 의미하고, name, value는.. 2023. 5. 28.