728x90 진행중인 학습26 아는 만큼 보이는 프런트엔드 개발 - 책 리뷰 백엔드 개발을 공부하면서 프런트엔드 개발에도 관심을 갖게 되었다. 흔히 알고 있는 HTML, CSS, 자바스크립트에 대해 학습을 어떻게 시작해야할까란 고민을 하던 차에 이 책을 알게 되었다. 프런트엔드는 끊임없이 발전하면서 진화하고 있는 분야라서 솔직히 비전공자인 나의 입장에선 다가가기 어렵기도 한 분야이다. 매 순간, 새로운 도구와 기술, 접근 방식이 등장하는 분야라서 날 코칭해줄 수 있는 사람이나 커리큘럼과 같은 네비게이션을 제대로 이용하기 못하면 헤매기 쉬운 곳이라고도 생각한다. 그래서 이 책이 나에게 네비게이션의 역할을 해줬으면 하는 바람이다. 책 초반에 나오는 '이 책의 구성' 이란 파트. 사진에 보이듯이 초록 > 회색 > 초록 순으로 순서가 보이는데 대략적인 세부내용은 프런트엔드 개발이 무엇인.. 2023. 11. 30. 스프링 프레임워크 첫걸음_9장_애플리케이션 만들기 애플리케이션 설명 본 챕터는 앞서 학습한 1장 ~ 8장까지 공부한 내용을 토대로 웹 애플리케이션을 만드는 챕터이다. OX 퀴즈 애플리케이션을 만들어볼 것이며, OX 퀴즈란 제출된 퀴즈에 대해 O 혹은 X 로 대답하는 퀴즈이다. 기능 목록 1. 작성할 기능 목록 1) 등록 기능 : 퀴즈를 등록한다. 2) 갱신 기능 : 등록된 퀴즈를 갱신한다. 3) 삭제 기능 : 등록된 퀴즈를 삭제한다. 4) 목록 표시 기능 : 등록된 퀴즈의 목록을 표시한다. 5) 게임 기능 : 퀴즈 게임을 실시한다. 2. 애플리케이션의 URL에 대한 역할 No 역할 HTTP메서드 URL 1 퀴즈 목록을 표시 GET /quiz 2 등록 처리를 실행 POST /quiz/insert 3 갱신 화면을 표시 GET /quiz/{id} 4 갱신 처.. 2023. 9. 10. 스프링 프레임워크 첫걸음_8장_유효성 검사 기능 알아보기 유효성 검사의 종류. 유효성 검사 : 입력 내용이 요건에 만족하는지 그 타당성을 확인하는 입력 체크. 종류는 2개로 나뉜다. 단일 항목 검사 상관 항목 검사 (서로 관련이 있는 항목을 함께 체크하는 방법) 단일 항목 검사 - 입력 항목 하나에 대해 설정하는 입력 체크 기능. Form 클래스 등의 필드에 어노테이션을 부여해 사용. 주요 어노테이션 @NotNull : null 값이 아닌 것을 검증. @NotEmpty : 문자열이 null 혹은 공백문자(" ") 가 아닌 것을 검증. @NotBlank : 문자열이 null 혹은 공백 (스페이스나 탭 등)이 아닌 것을 검증. @Max : 지정한 숫자 이하 이하인 것을 검증. @Min : 지정한 숫자 이상인 것을 검증. @Size : 문자열이나 컬렉션(Collec.. 2023. 9. 3. 스프링 프레임워크 첫걸음_7장_요청 파라미터 취득하기 7-1. 요청 파라미터의 종류. 요청 파라미터 : 서버에 전송되는 값. 요청 파라미터의 종류. 요청 파라미터 내용 요청 쿼리 스트링으로 보내지는 값 * HTTP 메서드 : GET으로 서버로 데이터 전송 뷰에서 입력값 및 선택한 값이나 숨김 파라미터 등에서 미리 뷰에서 입력해둔 값 등. 요청 본문에 저장되어 보내지는 값 * HTTP 메서드 : POST로 서버로 데이터 전송. 뷰에서 클릭한 버튼의 NAME 속성값 하나의 뷰에 버튼이 여러 개 있을 때 어느 버튼인지 판별할 수 있는 값 URL 경로(path)의 일부로 보내지는 값 링크 등으로 URL의 일부로 보내지는 값 요청 파라미터 취득 방법 방법 내용 @RequestParam 사용 @RequestParam 어노테이션을 이용해 파라미터를 하나씩 취득 Form.. 2023. 8. 27. 자바의 정석_기초편 CHAPTER 6 中 33 ~ 39 자바의 정석_기초편 CHAPTER 6 中 33 ~ 39 6-33. 기본 생성자 (default constructor) 모든 클래스에는 반드시 하나 이상의 생성자가 정의되어 있어야 함. 그러나 지금까지 클래스에 생성자를 정의 하지 않고도 인스턴스를 생성할 수 있었던 이유는 컴파일러가 제공하는 '기본 생성자(default constructor)' 덕분 이었음. 생성자가 1도 정의되지 않은 경우 컴파일러는 자동으로 기본 생성자를 추가하여 컴파일 한다. 클래스 이름() { } // 기본 생성자 Point() { } // Point클래스의 기본 생성자. 컴파일러가 자동으로 추가해주는 기본 생성자는 위 처럼 변수도 없고 아주 간단한 것들이다. 기본 생성자가 컴파일러에 의해서 추가되는 경우는 클래스에 정의된 생성자가.. 2023. 8. 23. 자바의 정석_기초편 CHAPTER 6 中 26 ~ 32 (230821) 자바의 정석_기초편 CHAPTER 6 中 26 ~ 32 (230821) 6-26. static 메서드와 인스턴스 메서드. 메서드 앞에 static이 붙어 있으면 클래스메서드이고 붙어 있지 않으면 인스턴스 메서드. 클래스 메서드도 클래스 변수처럼, 객체를 생성하지 않고도 '클래스이름.메서드이름(매개변수)' 와 같은 식으로 호출이 가능. 반면 인스턴스 메서드는 반드시 객체를 생성해야만 호출할 수 있다. 참고) 클래스 영역에 선언된 변수를 멤버변수. 이 중에 static이 붙은 것은 클래스변수(static변수), static이 붙지 않은 것은 인스턴스변수. 멤버변수는 인스턴스변수와 static 변수를 모두 통칭하는 말. 6-28. static을 언제 붙여야 하나 1. 클래스를 설계할 때, 멤버변수 중 모든 인.. 2023. 8. 21. 스프링 프레임워크 첫걸음_5장_MVC 모델 알아보기 5-1. MVC 모델 알아보기. MVC 모델 : 프로그램의 처리 역할을 나누어서 프로그램을 작성하는 방법. 주로 웹 시스템 개발에 자주 사용됨. 모델 // 뷰 // 컨트롤러의 세 종류로 분류. 모델 : 시스템에서 비즈니스 로직 담당. 뷰 : 외형, 시스템에서 표현 부분을 담당하며 웹 애플리케이션에선 주로 화면을 담당. 컨트롤러 : 모델과 뷰를 제어하는 역할. MVC 모델의 개요와 이점. 1. 역할 분담을 통해 효율적인 개발 가능. 2. 개발하는 엔지니어의 분업화가 용이 3. 설계 변경에 유연하게 대응 가능. 5-2. 스프링 MVC 알아보기. 스프링 MVC : 웹 애플리케이션을 간단하게 만들 수 있는 기능을 제공하는 프레임워크. 모든 요청을 프런트 컨트롤러가 받아 그 후 담당하는 컨트롤러에 적절하게 할당하.. 2023. 8. 19. 이전 1 2 3 4 다음 728x90
