프론트엔드 9

13. C++ OOP 개념 이해하기 : 캡슐화, 상속성, 다형성

C++의 OOP 개념 이해하기 : 캡슐화, 상속성, 다형성- C++은 강력한 객체 지향 프로그래밍(OOP) 언어로, 모듈화 및 재사용 가능한 코드를 작성하는 데 큰 도움을 줍니다.  OOP 캡슐화- 캡슐화  : 데이터와 메서드를 하나의 단위로 묶는 방법입니다.   클래스 내부의 데이터 멤버를 private으로 선언하고, public 메서드를 통해 접근하도록 설계하여 데이터의 무결성을 유   지 합니다.   이렇게 하면 외부에서 객체의 내부 구조를 직접 변경할 수 없으므로 안정성이 높아집니다. - 프렌드 함수 : 클래스의 비공개 멤버에 접근할 수 있는 특수한 함수로, 클래스 내부 구현에 직접 접근할 필요가 있을 때 유용합니다. - 정적 멤버 : 클래스의 모든 객체가 공유하는 멤버입니다. 클래스 내에 선언되..

5. 시큐리티 - 01. 선언적 시큐리티와 프로그래밍적 시큐리티

시큐리티의 개요- 시큐리티는 허가된 사용자만이 특정 웹 페이지에 접근할 수 있도록 제한하는 보안 기능입니다.- 사용자가 웹 브라우저에 접근할 때 JSP 컨테이너는 요청된 페이지에 보안 제약을 확인하고, 사용자에게 인증을 요청합니다.- 인증이 완료되면 JSP 컨테이너는 특정 사용자가 해당 페이지에 접근할 수 있는지 확인하여 승인하는데 이를 권한 부여(authorization)이라고 합니다. 시큐리티 처리 방법시큐리티 처리 방법설명선언전 시큐리티코드 작성 없이 web.xml 파일에 보안 구성을 작성하여 사용자의 인증을 수행하는 방식프로그래밍적 시큐리티request 내장 객체의 메소드를 통해 사용자의 권한을 부여를 처리하는 프로그래밍 방식  웹 서버에 역할과 사용자 구성하기- 웹 애플리 케이션의 인증과 권한 ..

Back-End/JSP 2024.06.17

3. JSP 페이지 처리 기법 - 02. 파일 업로드

파일 업로드의 개요- 파일 업로드는 웹 브라우저에서 서버로 파일을 전송하여 서버에 저장하는 것 입니다.- 서버로 업로드할 수 있는 파일에는 텍스트 파일, 바이너리 파일, 이미지 파일, 문서 등 다양한 유형이 존재합니다. 파일 업로드를 위한 JSP 페이지 - 파일 업로드를 위해 form 태그에 인코딩 타입을 "multipart/form-data" 로 설정해야 합니다. 파일 업로드 처리 방법- 오픈 라이브러리 cos.jar 또는 commonsfileupload.jar를 사용해서 서버는 요청 파라미터를 분석하여 파일을 찾고 서버의 자원에 저장하는 과정을 거쳐야 합니다.종류특징필요한 라이브러리MultipartRequest 이용하기가장 간단한 방법cos.jar아파치 API 이용하기편리하고 강력한 API 제공com..

Back-End/JSP 2024.05.31

코딩 테스트 문제 풀이 링크

1일 1 코딩 테스트 챌린지 1기 노션 템플릿 링크 : https://www.notion.so/whydevsaysno/parkes811-4592895ead6a4ba59ba93b66f1502e3d   백준 온라인 코딩 테스트 사이트링크 : https://www.acmicpc.net 소스 코드 : https://github.com/parkes811-inu/Coding-Test GitHub - parkes811-inu/Coding-Test: This is an auto push repository for Baekjoon Online Judge created with [BaekjoonHub](https:/This is an auto push repository for Baekjoon Online Judge cr..

Coding Test 2024.05.22

2. JSP 기본 문법 - 01.JSP 태그 : 스크립틀릿 태그

JSP 태그 종류- JSP는 태그를 이용하여 문법을 기술 합니다. Script TagDirective TagAction Tag 스크립트 태그의 종류스크립트 태그형식설명선언문(Declaration)⋯ %>자바 변수나 메소드를 정의하는 데 사용한다.스크립틀릿(Scriptlet) ⋯ %>자바 로직 코드를 작성하는 데 사용한다.표현문(Expression) ⋯ %>변수, 계산식, 메소드 호출 결과를 문자열 형태로 출력하는 데 사용한다.  태그를 사용한 선언문 int example = 3; String makeLower(String data) { return data.toLowerCase(); }%> 태그를 사용한 스크립틀릿 for(int i = 0; i 태그를 사용한 표현문 --> 선언문 태그,..

Back-End/JSP 2024.05.16

1. JSP 기초 지식 - 01. 웹과 JSP 프로그래밍의 이해

인터넷과 웹- Internet과 Web은 대개 동의어로 쓰이지만 서로 다른 개념입니다.인터넷은 컴퓨터가 서로 연결되어 TCP/IP라는 통신 프로토콜을 이용하여 정보를 주고 받는 전 세계의 컴퓨터 네트워크입니다.웹은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수있는 정보 공간으로, World Wide Web의 줄임말입니다.웹의 동작 원리- 웹은 기본적으로 클라이언트/서버 방식으로 동작합니다.클라이언트(웹 브라우저)가 특정 페이지를 웹 서버에 요청(request)하면 이를 처리한 후 결과를 클라이언트에게 보내어 응답(response)하는 것 입니다. - 가장 널리 쓰이는 웹 서버는 Apache, Tomcat, IIS(Internet Information Server) 등이 있습니다. 정적 웹 페..

Back-End/JSP 2024.04.09

[Front-End 기본] CSS의 기본 문법(1) - feat. 나만의 MBTI 테스트 만들기

CSS는 이렇게 작성해야해요 h1{ color: red; font-size: 30px; } 선택자 {속성: 값;} - 선택자의 개념은 HTML 파일의 어떤 요소를 선택할 것인지 정하는 것이다. - "속성: 값 ;"의 형태가 여러 개 있을 수 있다. - .html파일에서 class 속성을 가지고 있는 요소를 변경할 경우 .class 이름을 적어준다. CSS 선택자 태그 선택자 클래스 선택자 - 클래스를 선택할 경우 . (dot)을 사용해야 된다! 하위 선택자 - 하위선택자는 div라는 요소 안에 들어있는 것들 중에 .orange class를 가지고 있는 요소들을 의미한다. - 띄어쓰기는 하위 선택자라는 것을 의미한다. - 위 코드 해석은 .orange라는 클래스의 요소들을 찾는데, div의 하위인 요소들을..

Front-End 2022.12.21

[Front-End 기본] HTML의 기본 문법 - feat. 나만의 MBTI 테스트 만들기

HTML은 이렇게 작성해야 해요 Hello World! 내용 내용 내용 Hello World! 내용 - / (슬래시)가 있는 태그는 종료태그, 닫힌태그라고 부른다. - 태그 사이 부분에 내용과 다른 태그를 입력할 수 있다. - 태그에는 속성과 값을 사용할 수 있다. - class는 h1태그에 또 다른 별명이 된다. 비어있는 태그도 있어요 - br : break의 약자로 종료태그가 없고, 줄바꿈을 할 때 사용한다. - img : image의 약자로, source에 이미지의 경로를 추가하면 이미지가 추가된다, alt는 alternative의 약자로 이미지의 이름을 지정할 수 있다. HTML 요소의 부모와 자식 관계 Apple Banana -ul 내 li들은 ul의 자식 요소이고, li들은 ul이 부모 요소가..

Front-End 2022.12.18

[SW코딩] 핵심 HTML/CSS 기초 - 02. 웹사이트 디자인 (1)

01 CSS - Cascading Style Sheet CSS란? - 정보 (HTML)와 디자인 (CSS)의 분리 - 문서의 레이아웃과 스타일 정의 - HTML로 작성된 정보를 꾸며주는 언어 CSS 구성 요소 선택자 {속성 : 속성값;} - 선택자 : 디자인을 적용할 HTML 영역 - 속성 : 어떤 디자인을 적용할지 정의 - 속성값 : 어떤 역할을 수행할지 구체적으로 명령, 세미콜론(;)필수 입력 속성 Property h1{ font-size: 20px; /*폰트 사이즈*/ font-family: sans-serif; /*글꼴*/ color: blue; /*폰트 색깔*/ background-color: yellow;/*배경색*/ text-align: center; /*텍스트 정렬*/ } CSS 연동 방법..