본문 바로가기

전체 글271

리액트 React | 컴포넌트 설계 패턴 ✅ 컴포넌트 설계 패턴 컴포넌트를 역할과 관심사에 따라 분리 시키기 위해서는 코드 내부의 로직을 쪼개고 다른 코드로 위임을 해야된다. 제어를 위임하는 것의 문제는 쪼개고 위임 할수록 사용 코드에 대한 이해 난이도가 높아 가고, 가독성이 떨어진다 또, 커스텀 설정이 요구되는 경우가 많다. 이 역시 절대적인 것은 없고 개발자의 재량에 따라 최적을 찾아야 한다. 유지보수와 확장이 불가능한 스파게티 코드로 끝나버리지 않으려면, 리액트 개발자로서 더 경험이 많아질수록 다양한 컴포넌트 패턴에 대해 학습하는 것이 필요하다. 이것이 끝은 아닌 것이, 여러 가지 패턴을 알아가는 것 자체가 좋은 기초가 된다. 이것의 가장 중요한 면은 어떤 문제에 대해 어떤 패턴을 적용할지 그때를 알게 된다는 점이다. 5 Advanced .. 2023. 7. 4.

리액트 React | 프로젝트 구조 설계 패턴 ✅ 리액트 설계를 하는 원칙 우리는 확장성있고 재사용성 있는 코드를 만들어야 한다 관심사에 따라서 코드를 분리하고 단일 책임을 가지는 컴포넌트를 만들어야 한다 외부에 제어를 위임시키는 것을 고려 해야한다 깨끗하고 성능 좋은, 유지 보수가 쉬운 리액트 컴포넌트 만드는 법 배워보기 모든 프로그래머의, 적어도 나에게는 꿈같은 일이다. 나한테는 훌륭한 프로그래머와 좋은 프로그래머를 가르는 자질이기도 하다. 언제나 배워야 하고, 개선해야 할 점이 있기 때문에, 절대로 완벽해질 수 없다는 사실이 재미있는 지점이다. 아래 모범 사례를 따라가다 보면 팀원뿐만 아니라 자기 자신도 도움받을 수 있을 것이다. 스타일 가이드를 통해 어떻게 코드를 짜는지에 대한 중요한 내용을 정의해 둔 개발팀을 본 적이 있다. 어떻게 생각하느.. 2023. 7. 4.

리액트 React | Hook - useState, uesEffect, useRef, useCallback, useMemo ✅ Hook 리액트에서는 리렌더링 되는 조건들이 있는데 1. 부모 컴포넌트가 렌더링 되면 그에 해당하는 자식 컴포넌트들은 모두 리렌더링 된다. 2. state (상태) 가 변경되면 리렌더링 된다. 3. props 가 변경되면 리렌더링 된다. 💡 useState 💡 useState useState()가 호출되면 배열을 반환한다, [상태 값, 상태를 업데이트하는 함수] 렌더링과 관련된 상태를 관리하는 훅 state 가 갱신되면 리렌더링 된다 useState의 인자로 state의 초기값을 받을 수 있다. 💡 useEffect useEffect(function, deps) 부가 효과(side effect/부작용이지만 부가 작용 부가 효과가 더 맞는 거 같다.)를 수행하기 위한 훅 컴포넌트가 렌더링 될 때마다 특.. 2023. 7. 4.

리액트 React | React 엘리먼트(Element) ✅ React 엘리먼트(Element) 💡 React 엘리먼트(Element) 리액트 애플리케이션에서 엘리먼트(Element)는 가장 기본적인 구성 요소입니다. 엘리먼트는 JSX 문법을 사용하여 일반 JavaScript 객체로 생성할 수 있습니다. JSX 문법은 XML과 유사한 문법을 사용하여 리액트 컴포넌트를 작성하는 방식입니다. 엘리먼트는 사용자 인터페이스의 다양한 부분을 나타내기 위해 사용됩니다. const element = Hello, world; 이렇게 생성된 엘리먼트는 화면에 표시되기 위해 렌더링 되어야 합니다. 💡 가상 DOM(virtual DOM) 리액트에서는 가상 DOM(virtual DOM)을 사용하여 실제 DOM을 대신하여 UI를 관리합니다. 가상 DOM은 메모리 상에 존재하는 자바스.. 2023. 7. 3.

리액트 React | React란? ✅ 리액트 React 리액트(React)는 페이스북에서 개발된 자바스크립트 라이브러리로, 2013년에 처음 공개되었습니다. 동적인 웹사이트를 만들기 위해 자바스크립트를 효율적으로 활용할 수 있는 문법 모음집입니다. 리액트는 개발자가 재사용 가능한 컴포넌트를 만들고 최적화하는 기능을 제공하여 개발자들이 더욱 쉽게 웹 애플리케이션을 개발할 수 있도록 도와줍니다. 💡 라이브러리 Library 리액트(React)는 UI 컴포넌트를 만들고 관리하기 위한 강력한 라이브러리입니다. 이러한 리액트는 종종 프레임워크와 혼동될 수 있지만, 사실은 라이브러리로 분류됩니다. 기능의 범위: 프레임워크는 애플리케이션의 전체 구조와 흐름을 관리하는 많은 기능과 도구를 포함한다. 하지만 리액트(React)는 UI 컴포넌트를 만들고 .. 2023. 7. 3.

컴퓨터활용능력 컴활 1급 | 필기 기출 | 2020년 07월 04일(2회) | 1과목 : 컴퓨터 일반 ✅ 1과목 : 컴퓨터 일반 💡 1. 다음 중 컴퓨터 및 정보기기에서 사용하는 펌웨어(Firmware)에 관한 설명으로 옳은 것은? 주로 하드디스크의 부트 레코드 부분에 저장된다. 인터프리터 방식으로 번역되어 실행된다. 운영체제의 일부로 입출력을 전담한다. 소프트웨어의 업그레이드만으로도 기능을 향상할 수 있다. 펌웨어(Firmware) 펌웨어는 장치의 소프트웨어적인 부분으로, 기기의 작동 방식과 동작을 제어하는 중요한 역할을 합니다. 전자기기나 컴퓨터의 펌웨어는 기기의 하드웨어와 소프트웨어 사이의 인터페이스 역할을 하며, 안정적이고 원활한 작동을 보장합니다. 펌웨어는 제조사나 개발자에 의해 설계되며, 주기적으로 업데이트되어 기능 개선, 버그 수정, 보안 강화 등의 업데이트가 이루어집니다. 펌웨어 업데이트는.. 2023. 7. 3.

리액트 React | Link 컴포넌트 ✅ Link 컴포넌트 Link 컴포넌트는 React의 하이퍼링크 생성 컴포넌트로, 다른 페이지로 이동하기 위해 사용한다. react-router-dom 라이브러리에서 제공하며, 페이지 간 라우팅을 간편하게 처리할 수 있도록 한다. Link 컴포넌트를 사용하면 페이지를 전체적으로 새로고침하지 않고 필요한 부분만 업데이트하기 때문에 데이터 로딩이 줄어든다. 개발자 도구에서는 Link 컴포넌트가 태그로 표시된다. 💡 태그와 Link 컴포넌트의 차이점 태그 태그는 일반적인 HTML 태그로, 페이지 이동 시 전체 페이지를 다시 렌더링하고 브라우저의 주소를 변경한 후 페이지를 새로고침한다. 이러한 동작 방식으로 인해 상태 값이 유지되지 않으며 성능이 저하된다. // 태그 사용 function MyComponent(.. 2023. 6. 12.

리액트 React | index.html ✅ index.html index.html 파일은 초기 HTML 구조를 정의하고, index.js 파일은 리액트 애플리케이션을 초기화하고 컴포넌트를 렌더링 한다. index.html 파일은 웹 브라우저에 직접 로드되며, index.js 파일은 index.html 파일에 의해 호출되어 애플리케이션을 동적으로 렌더링 한다. 💡 DOCTYPE 선언은 HTML 문서에서 태그를 정의하기 전에 웹 브라우저에게 해당 문서가 어떤 HTML 버전으로 작성되었는지를 선언한다. HTML5는 최신의 웹 표준이며, 구조적인 개선과 새로운 기능을 포함한다. // HTML5를 사용하는 문서 DOCTYPE 선언은 문서 유형 선언(Doctype declaration)의 약어로, 문서가 따르는 DTD, Document Type Defi.. 2023. 6. 8.

리액트 React | HTTP 클라이언트 데이터 통신: Ajax, Fetch, Axios ✅ HTTP 클라이언트(Client) 리액트(React)는 사용자 인터페이스를 구축하는데 초점을 두고 있어, 서버와 데이터를 주고받는 기능(HTTP 클라이언트)을 포함하지 않는다. 리액트(React)에서 서버와의 데이터 통신을 위해서는 별도의 HTTP 클라이언트를 사용해야 한다. 클라이언트와 서버는 개별적인 메시지 교환에 의하여 통신한다. HTTP 클라이언트는 HTTP 프로토콜을 사용하여 서버로부터 정보를 요청(requests)하고, 서버는 요청에 따라 적절한 응답(responses)을 반환한다. 리액트(React)에서 API 요청을 할 때 페이지를 새로고침하지 않고 데이터를 가져오기 위해 Axios나 Fetch 라이브러리를 사용한다. 💡 HTTP, HyperText Transfer Protocol HT.. 2023. 5. 19.

리액트 React | React-bootstrap: UI 컴포넌트 디자인 ✅ React-bootstrap React-Bootstrap은 UI 컴포넌트 라이브러리이다. Bootstrap 프레임워크의 디자인과 기능을 React 컴포넌트로 사용하는 것이다. React-Bootstrap 공식 문서를 통하여 자세한 정보와 사용 방법을 확인할 수 있다. 💡 React-bootstrap 사용하기 프로젝트에 React-Bootstrap 라이브러리를 설치하여 사용한다. 별도의 bootstrap.js 파일을 프로젝트에 추가하지 않아도 된다. npm 명령어를 실행하여 React-Bootstrap과 Bootstrap을 설치한다. npm install react-bootstrap bootstrap index.js 파일에서 Bootstrap의 CSS를 import 한다. 전체 애플리케이션에 Boots.. 2023. 5. 18.

스트링부트 | 리포지터리 ✅리포지터리 엔티티만으로는 데이터베이스에 데이터를 저장하거나 조회 할 수 없다. 데이터 처리를 위해서는 실제 데이터베이스와 연동하는 JPA 리포지터리가 필요하다. 리포지터리는 엔티티에 의해 생성된 데이터베이스 테이블에 접근하는 메서드들(예: findAll, save 등)을 사용하기 위한 인터페이스이다. 데이터 처리를 위해서는 테이블에 어떤 값을 넣거나 값을 조회하는 등의 CRUD(Create, Read, Update, Delete)가 필요하다. 이 때 이러한 CRUD를 어떻게 처리할지 정의하는 계층이 바로 리포지터리이다. 💡 QuestionRepository 인터페이스 생성 QuestionRepository는 리포지터리로 만들기 위해 JpaRepository 인터페이스를 상속했다. JpaRepositor.. 2023. 5. 2.

스트링부트 | 엔티티 Entity ✅ 엔티티 Entity 데이터베이스 테이블과 매핑되는 자바 클래스를 말한다. 엔티티는 모델 또는 도메인 모델이라고 부르기도 한다. SBB는 질문과 답변을 할 수 있는 게시판 서비스이다. 따라서 SBB에는 질문과 답변에 해당하는 엔티티가 있어야 한다. 💡 질문(Question) 엔티티 속성명 - 설명 id - 질문의 고유 번호 subject - 질문의 제목 content - 질문의 내용 create_date - 질문을 작성한 일시 @Entity 애너테이션: JPA가 엔티티로 인식한다. @Id 애너테이션: id 속성을 기본 키(primary key)로 지정한다. 기본 키로 지정하면 이제 id 속성의 값은 데이터베이스에 저장할 때 동일한 값으로 저장할 수 없다. 고유 번호를 기본 키로 한 이유는 고유 번호는 .. 2023. 5. 2.

스트링부트 | 데이터베이스 ✅ 데이터베이스 데이터를 저장하거나 조회하거나 수정하는 등의 기능을 구현해야 한다. 웹 서비스는 데이터를 처리할 때 대부분 데이터베이스를 사용한다. 데이터베이스를 사용하려면 SQL 쿼리(query)라는 구조화된 질의를 작성하고 실행하는 등의 복잡한 과정이 필요하다. ✅ ORM, Object Relational Mapping 자바 문법만으로도 데이터베이스를 다룰 수 있다. ORM을 이용하면 개발자가 쿼리를 직접 작성하지 않아도 데이터베이스의 데이터를 처리할 수 있다. ORM을 사용하면 내부에서 SQL 쿼리를 자동으로 생성해 주므로 직접 작성하지 않아도 된다. 즉, 자바만 알아도 데이터베이스에 질의할 수 있다. ORM을 이용하면 데이터베이스 종류에 상관 없이 일관된 코드를 유지할 수 있어서 프로그램을 유지·.. 2023. 5. 2.

스트링부트 | 스프링부트 프로젝트 구조 ✅ 스프링부트 프로젝트 구조 규모를 갖춘 프로젝트를 만들고자 한다면 프로젝트 구조를 잘 이해해야 한다. ✅ src/main/java 디렉터리 💡 com.mysite.sbb 패키지 자바 파일을 작성하는 공간이다. 자바 파일로는 HelloController와 같은 스프링부트의 컨트롤러, 폼과 DTO, 데이터 베이스 처리를 위한 엔티티, 서비스 파일 등이 있다. 💡 SbbApplication.java 파일 스프링부트 애플리케이션의시작을 담당하는 파일이다. + Application.java 파일이다. 스프링부트 프로젝트를 생성할때 "Sbb"라는 이름을 사용하면 SbbApplication.java 파일을 자동으로 생성한다. SbbApplication 클래스에는 @SpringBootApplication 애너테이션이.. 2023. 5. 2.

스트링부트 | Spring Boot Devtools, Live Reload, Lombok 사용법 및 설치 방법 ✅ 스트링부트 도구 💡 Spring Boot Devtools Spring Boot 애플리케이션 개발에 매우 유용한 다양한 기능을 제공한다. 자동 재시작 기능: 애플리케이션의 코드나 설정 파일이 변경될 때마다 자동으로 애플리케이션을 재시작하여 변경 사항을 확인한다. 라이브 리로드 기능: 브라우저에서 애플리케이션을 다시 로드할 수 있는 LiveReload 기능을 제공하여 변경 사항을 실시간으로 확인한다. 클래스 패스 변경 감지 기능: 새로운 클래스나 리소스를 추가하거나 수정하는 등의 작업을 할 때마다 애플리케이션을 재시작하지 않아도 된다. 자동 구성 기능: 자동 구성 문제나 클래스 패스 충돌 문제를 해결한다. 개발 환경과 운영 환경 분리 기능: 개발 환경에서만 사용되도록 설계되어 운영 환경에서는 비활성화할 .. 2023. 5. 2.

스트링부트 | 컨트롤러 Controller ✅ 컨트롤러 Controller 서버에 전달된 클라이언트의 요청(URL과 전달된 파라미터 등)을 처리하는 자바 클래스이다. 웹 애플리케이션에서 사용자가 요청한 URL에 해당하는 컨트롤러가 선택되고, 컨트롤러는 해당 요청을 처리하기 위해 비즈니스 로직(Business Logic)을 호출하고 결과를 클라이언트에 반환한다. Spring MVC에서는 컨트롤러에서 처리한 데이터를 View에 전달하여 HTML 등의 문서를 생성하고 클라이언트에게 전송하는 방식으로 동작한다. 컨트롤러의 역할은 요청을 처리하고 적절한 데이터를 View에 전달하는 것이다. 💡 @Controller 애너테이션 해당 클래스가 Spring MVC에서 컨트롤러로 동작하도록 설정한다. @Controller 애너테이션이 있어야 스프링부트 프레임워크.. 2023. 5. 2.

스트링부트 | 스트링부트(String Boot)란? ✅ 스프링부트 Spring Boot 스프링(Spring) 프레임워크를 기반으로 한 자바 애플리케이션 개발을 쉽고 빠르게 할 수 있도록 도와주는 오픈소스 웹 프레임워크이다. 💡 웹 프레임워크 Web Framework 웹 애플리케이션 개발을 쉽게 할 수 있도록 기본적인 구조와 기능을 제공하는 소프트웨어 프레임워크이다. 개발 시간을 단축하고 코드의 가독성과 유지보수성을 향상할 수 있으며, 보안과 성능을 만족시킬 수 있다. Spring Framework: Java 기반의 대표적인 웹 프레임워크로, 다양한 모듈과 기능을 제공한다. Django: Python 기반의 웹 프레임워크로, 빠르고 안정적인 웹 애플리케이션을 개발한다. Flask: Python 기반의 경량 웹 프레임워크로, 작은 규모의 웹 애플리케이션을 개.. 2023. 4. 26.

리액트 React | 리액트 라우터: react-router-dom 패키지 ✅ 라우팅 Routing 라우팅은 사용자가 요청한 URL에 따라 해당 URL에 맞는 컴포넌트를 보여주는 것이다. 사용자가 애플리케이션에서 다른 페이지로 이동하려고 할 때, 라우터를 사용하여 해당 페이지 컴포넌트를 렌더링 한다. ✅ 리액트 라우터 React Router 리액트 라우터(React Router)는 리액트 기반의 싱글 페이지 애플리케이션(SPA)에서 라우팅을 구현하기 위한 라이브러리이다. 리액트 자체는 View만을 담당하는 라이브러리로 페이지의 URL에 따라 적절한 컴포넌트를 렌더링 하고 상태를 관리하기 위해 리액트 라우터(React Router)를 사용한다. 💡 react-router 패키지 react-router React 기반의 웹 및 앱 라우팅을 처리하는 라이브러리이다. react-rou.. 2023. 4. 24.

리액트 React | 노마스 코더 영화 평점 웹서비스 | 로딩 현상 구현 ✅ Movie 컴포넌트 구성하기 💡 App 컴포넌트 작성 import React from 'react'; // App 컴포넌트 정의 class App extends React.Component { // render 메소드 정의 render() { return ( {/* 컴포넌트 내용을 추가 */} ); } } // App 컴포넌트를 다른 파일에서 사용할 수 있도록 내보냄 export default App; 💡 isLoding state React 애플리케이션에서 데이터를 불러오거나 처리한다. 로딩 중일 때 사용자에게 로딩 중임을 알리기 위해 UI를 업데이트하는 데 사용한다. isLoading 변수는 true 또는 false 값으로 설정한다. import React from 'react'; // App 컴.. 2023. 4. 4.

리액트 React | 노마스 코더 영화 평점 웹서비스 | 컴포넌트 생명주기 함수: 마운트, 업데이트, 언마운트, 에러 처리 ✅ 생명주기 함수 컴포넌트가 생성, 업데이트, 소멸될 때 호출되는 일련의 메서드이다. 생명 주기 함수를 통해 컴포넌트의 동작을 제어하고, 상태를 갱신하거나 데이터를 가져온다. 함수 실행 순서 constructor() 함수: 컴포넌트가 생성될 때 호출되며, 초기화 작업을 수행한다. static getDerivedStateFromProps() 함수: 컴포넌트가 생성될 때와 업데이트될 때 호출되며, 프로퍼티 값을 상태 값으로 변환을 수행한다. render() 함수: 컴포넌트의 UI를 생성하고 반환을 수행한다. componentDidMount() 함수: 컴포넌트가 마운트 된 후에 호출되며, 초기화 및 네트워크 요청 등의 작업을 수행한다. shouldComponentUpdate() 함수: 컴포넌트가 업데이트될 때.. 2023. 4. 3.

리액트 React | 컴포넌트 간 데이터 전달을 위한 속성(props) ✅ 속성(Props) React는 컴포넌트 간에 데이터를 전달하는 메커니즘으로 속성(Props)을 제공합니다. 이를 통해 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 수 있습니다. Props는 읽기 전용이므로 하위 컴포넌트에서는 Props 값을 수정할 수 없습니다. 데이터는 항상 상위 컴포넌트에서 하위 컴포넌트로만 흐르기 때문에 Props를 사용하여 컴포넌트에 필요한 데이터와 이벤트 핸들러를 전달할 수 있습니다. 💡 속성(Props)의 읽기 전용성 React 컴포넌트에서 함수형 컴포넌트나 클래스형 컴포넌트 모두 Props는 읽기 전용입니다. 함수형 컴포넌트에서는 Props를 함수의 매개변수로 받아와 사용하며, 클래스형 컴포넌트에서는 this.props를 통해 Props를 사용합니다. Props는 항.. 2023. 3. 26.

리액트 React | 컴포넌트(Components) ✅ 컴포넌트(Components) 컴포넌트(Component)는 React 애플리케이션을 구성하는 최소한의 단위입니다. React에서는 UI를 재사용 가능한 개별적인 조각으로 분리하여 컴포넌트로 만들고, 각 조각을 개별적으로 살펴볼 수 있습니다 과거의 웹 프레임워크들은 일반적으로 MVC, Model-View-Controller 방식으로 구성되어 있어 각 요소의 의존성이 높아 재사용이 어려웠습니다. 그러나 React에서는 컴포넌트를 독립적으로 구성하여 재사용성을 높일 수 있습니다. 이를 통해 우리는 새로운 컴포넌트를 쉽게 만들 수 있습니다. 컴포넌트는 데이터(props)를 입력받아 View(state) 상태에 따라 DOM 노드를 출력하는 함수로 볼 수 있습니다. 💡 React 컴포넌트 네이밍 규칙 Reac.. 2023. 3. 26.

리액트 React | JSX와 Babel: JavaScript의 확장된 문법과 변환 도구 ✅ JSX, JavaScript XML JSX는 리액트에서 사용되는 자바스크립트의 확장 문법입니다. 이를 통해 XML과 유사한 형태로 UI를 작성할 수 있습니다. JSX는 리액트 컴포넌트 파일에서 UI를 표현하는 데 주로 사용됩니다. JSX는 XML과 비슷한 구문으로 UI 구성 요소를 작성하며, 자바스크립트 코드 내에서 시각적으로 UI를 표현하는 데 도움을 줍니다. 개발자들은 주로 JSX를 활용하여 UI를 작성하고 유지보수하는 것을 선호합니다. .JSX 코드를 브라우저에서 직접 실행할 수는 없기 때문에, Babel과 같은 도구를 사용하여 JSX 코드를 일반 자바스크립트로 변환해야 합니다. 💡 JSX를 이용한 방법 JSX를 이용하면 HTML과 비슷한 형태로 코드를 작성할 수 있습니다. JSX 코드는 실제로.. 2023. 3. 25.

Git & GitHub | 깃(Git)과 깃허브(GitHub) ✅ 깃 Git 분산형 버전 관리 시스템(DVCS, Distributed Version Control System)이다. 파일의 변화를 추적하고, 변경 내용을 기록한다. 여러 명이 함께 작업할 때 파일의 충돌을 방지할 수 있다. 이전에 작성한 코드나 파일 버전으로 돌아갈 수 있다. ✅ 깃허브 GitHub 깃(Git)을 기반으로한 프로젝트를 호스팅(저장)하는 웹 기반 호스팅 서비스이다. 깃(Git)으로 관리하는 코드나 파일을 클라우드 상에 저장하고, 다른 사람과 협업한다. 이슈 관리, 프로젝트 관리, 코드 리뷰 등의 기능을 제공하여 소프트웨어 개발 과정을 보다 효율적으로 관리한다. 깃(Git)은 버전 관리 도구이고, 깃허브(GitHub)는 깃을 이용한 프로젝트 관리 플랫폼이다. 형상 관리 시스템(Verson.. 2023. 3. 10.

정보처리기사 정처기 | 실기 12 제품 소프트웨어 패키징 | 제품 소프트웨어 패키징하기, 제품 소프트웨어 매뉴얼 작성 및 버전 등록 | 단원별 정리 ✅ 핵심 키워드 릴리즈 노트(Release Note) 조직의 최종 사용자인 고객과 잘 정리된 릴리즈 정보를 공유하는 문서이다. 제품 소프트웨어의 패키징 도구 패키징 작업 진행 시에 암호화/보안 기능을 고려하여 패키징 할 수 있도록 도와준다. 특히 디지털 콘텐츠의 불법 사용, 복제 방지, 과금 서비스를 통한 정상 사용자를 검증 가능한 저작권 기술을 감안한 도구를 통해 패키징 하는 것이 중요하다. 제품 소프트웨어 매뉴얼 제품 소프트웨어 개발단계부터 적용한 기준이나 패키징 이후 설치 및 사용자 측면의 주요 내용 등을 기록한 문서이다. 제품 소프트웨어 설치 매뉴얼 개발이 완료된 제품 소프트웨어를 고객에게 전달하기 위한 형태로 패키징하고, 설치와 사용에 필요한 제반 절차 및 환경 등 전체 내용을 포함하는 매뉴얼이.. 2023. 3. 8.

정보처리기사 정처기 | 실기 11 응용 SW 기초 기술 활용 | 운영체제의 특징, 네트워크 기초 활용하기, 기본 개발환경 구축하기 | 단원별 정리 ✅ 핵심 키워드 운영체제(OS, Operating System) 사용자가 컴퓨터의 하드웨어를 쉽게 사용할 수 있도록 인터페이스를 제공해 주는 소프트웨어이다. 가상화 물리적인 리소스들을 사용자에게 하나로 보이게 하거나, 하나의 물리적인 리소스를 여러 개로 보이게 하는 기술이다. 클라우드 컴퓨팅(Cloud Computing) 인터넷을 통해 가상화된 컴퓨터 시스템 리소스(IT 리소스)를 제공하고, 정보를 자신의 컴퓨터가 아닌 클라우드(인터넷)에 연결된 다른 컴퓨터로 처리하는 기술이다. 네트워크(Network) 원하는 정보를 원하는 수신자 또는 기기에 정확하게 전송하기 위한 기반 인프라이다. OSI, Open System Interconnection 7계층 국제 표준화 기구인 ISO(Intermational S.. 2023. 3. 8.

정보처리기사 정처기 | 실기 10 애플리케이션 테스트 관리 | 애플리케이션 테스트 케이스 설계, 애플리케이션 통합 테스트, 애플리케이션 성능 개선 | 단원별 정리 ✅ 핵심 키워드 소프트웨어 테스트(Test) 개발된 응용 애플리케이션이나 시스템이 사용자가 요구하는 기능과 성능, 사용성, 안정성 등을 만족하는지 확인하고, 노출되지 않은 숨어있는 소프트웨어의 결함을 찾아내는 활동이다. 테스트 환경 구축 개발된 응용 소프트웨어가 실제 운영 시스템에서 정상적으로 작동되는지 테스트하기 위하여 실제 운영 시스템과 동일한(또는 유사한 사양의 하드웨어 소프트웨어, 네트워크 등의 환경 시설을 구축하는 활동이다. 통합 테스트(Integration Test) 소프트웨어 각 모듈 간의 인터페이스 관련 오류 및 결함을 찾아내기 위한 체계적인 테스트 기법이다. 테스트 결함 관리 각 단계별 테스트 수행 후 발생한 결함의 재발 방지와 유사 결함 발견 시 처리 시간 단축을 위해 결함을 추적하고 .. 2023. 3. 8.

정보처리기사 정처기 | 실기 9 소프트웨어 개발 보안 구축 | 소프트웨어 개발 보안 설계, 소프트웨어 개발 보안 구현 | 단원별 정리 ✅ 핵심 키워드 SW 개발 보안 소스 코드 등에 존재하는 보안 취약점을 제거하고, 보안을 고려하여 기능을 설계 및 구현하는 등 소프트웨어 개발 과정에서 지켜야 할 일련의 보안 활동을 말한다. 시큐어코딩 가이드 설계 및 구현 단계에서 해킹 등의 공격을 유발할 가능성이 있는 잠재적인 보안 취약점을 사전에 제거하고, 외부 공격으로부터 안전한 소프트웨어를 개발하는 기법이다. 보안 취약점(Vulnerability) 해킹 등 외부 공격으로 시스템의 보안정책을 침해하는 보안사고의 실제 원인이 되는 시스템상의 보안 허점이다. 보안 약점(Weakness) 보안 취약점의 근본적인 원인이 되는 SW의 결함, 실수, 버그 등의 오류를 뜻한다. 개발 단계의 보안 리스크이다. 기밀성(Confidenfally) 인가되지 않은 개인.. 2023. 3. 8.

정보처리기사 정처기 | 실기 8 서버 프로그램 구현 | 개발환경 구축, 공통 모듈 구현, 배치 프로그램 구현 | 단원별 정리 ✅ 핵심 키워드 공통 모듈 구현 소프트웨어 개발에 있어 기능을 분할하고 추상화하여 성능을 향상하고 유지보수를 효과적으로 하기 위한 공통 컴포넌트 구현 기법이다. 응집도(Cohesion) 모듈의 독립성을 나타내는 개념으로 모듈 내부 구성요소 간 연관 정도이다. 정보은닉 개념의 확장개념으로 하나의 모듈은 하나의 기능을 수행하는 것을 의미한다. 결합도(Coupling) 모듈 내부가 아닌 외부의 모듈과의 연관도 또는 모듈 간의 상호의존성이다. 소프트웨어 구조에서 모듈 간의 관련성을 측정하는 척도이다. 공통 모듈 구현 대상 공통 모듈은 화면 모듈, 화면에서 입력받은 데이터 처리를 위한 서비스 컴포넌트 비즈니스 트랜잭션 컴포넌트 등이 있다. 서버 프로그램 구현 업무프로세스를 기반으로 개발언어와 도구를 이용해 서비스.. 2023. 3. 8.

정보처리기사 정처기 | 실기 7 SQL 응용 | 데이터베이스 기본, 응용 SQL 작성하기, SQL 활용 및 최적화 | 단원별 정리 ✅ 트랜잭션(Transaction) [컴퓨터 과학/[정보처리기사] 필기&실기 개념] - 정보처리기사 정처기 | 트랜잭션(Transaction) 특성 [ACID] | 필기&실기 개념 정보처리기사 정처기 | 트랜잭션(Transaction) 특성 [ACID] | 필기&실기 개념 ✅ 트랜잭션(Transaction) 특성 [ACID] 💡 원자성 (Atomiciry) 트랜잭션을 구성하는 모든 연산은 전부 실행되거나 전부 취소되어야 합니다. 트랜잭션은 원자적으로 동작하여 데이터베이스에 일관성 있 sugoring-it.tistory.com 💡 트랜잭션의 특성 중 일관성(Consisitency), 지속성(Durability) 외 2개의 특성을 쓰시오. [단답형] 2020년 1회 원자성(Atomiciry) 일관성(Cons.. 2023. 3. 8.

이전 1 ··· 3 4 5 6 7 8 9 10 다음

티스토리툴바