스터디 (7) 썸네일형 리스트형 [ 3과목/필기 ] 데이터베이스 구축 [2022년 1회 필기] : 데이터베이스 구축(3과목) 1번은 논리적 설계 시 고려사항데이터 베이스 설계 단계 :1. 개념 설계 : ERD작성2. 논리 설계 : 스키마 평가 및 정제, 정규화, 트랜젝션 인터페이스 설계3. 물리 설계 : 성능 고려 → 레이블, 클러스터링, 인덱스, 뷰 생성 > 반정규화 WHERE 조건절이 없는 DELETE 명령어 수행 → 내용 삭제DROP TABLE 수행 → 테이블 삭제 SQL 문법DDL (정의어) : CREATE / DROP / ALTERDML (조작어) : INSERT / UPDATE / DELETE / SELECTDCL (제어어) : COMMIT / ROLLBACK / REVOKE / GRANT > : 왼쪽이 오른쪽에 포함되는 관계슈퍼키 > 후보키 > 기본키 / 대체.. [ 2과목/필기 ] 소프트웨어 개발 [2022년 1회 필기] : 소프트웨어 개발(2과목) 1번. 추상화 : 상위 클래스/메소드/함수를 통해 애플리케이션의 특성을 간략하게 나타내고,상세 내용은 하위 클래스/메소드/함수에서 구현한다.2번. 의존성에서는 독립성을 높이는 것을 목표로 한다. "응집도는 높이고 결합도는 낮추고"3번. 가독성의 키는 누구나 읽기 쉽게 쉽게 코드를 작성하는 것이다.4번. 중복성에서는 공통 모듈을 사용하여 최소화 할 수 있는 코드를 작성한다.+ 단순성 : 한 번에 한 가지 처리만 수행하도록 한다. 1번. 테스트 스텁은 하향식 테스트에 해당2번. 테스트 드라이버는 상향식 테스트에 해당3번. 테스트 슈트는 케이스들의 모임4번. 테스트 케이스는 말 그대로 테스트를 하는 케이스들을 지칭 [ 개발 단계에 따른 애플리케이션 테스트.. [ 1과목/필기 ] 소프트웨어 설계 [ 2022년 1회 필기 ] : 개념 정리가 필요한 문제, 틀린 문제 위주로 정리 *SW 개발 과정 : 계획 → 분석 → 설계 → 구현 → Test → 유지운영 요구사항 분석 : 도출 → 분석 → 명세 → 확인 “도분명학” 오답 근거 : 3번의 소프트웨어 시스템이 사용되는 동안 발견되는 오류를 정리하는 단계는 Test 단계 이다. 객체지향 기법 5가지 Abstraction 추상화 - 공통 설질을 모음 Polymorphusm 다형성 - 오버로딩(인자≠) / 오버라이딩(상속.재정의) Encapsultaion 캡슐화 - private으로 감싸기 Inheritance 상속 - 부모자식 클래스 Information Hiding 정보은닉 - 숨기기 DFD > Data Dictionary DFD : 데이터가 소프트웨.. React Ref 개념과 사용하는 방법 목차 Ref란 무엇인가 Ref 사용 시에 주의해야 하는 점 Ref는 언제 사용해야 할까 Ref 사용하는 방법 1. Ref란 무엇인가 Ref를 한 줄로 간단하게 설명하면 아래와 같이 이야기 할 수 있다. Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 직접 접근하는 방법 일반적은 React 데이터 플로우에서 데이터는 부모에서 자식으로만 전달 될 수 있다. 하지만 가끔 이러한 데이터 플로우에서 벗어나야 하는 경우가 있을 수 있다. 이럴 때 Ref를 사용하여 직접 DOM 앨리먼트나 컴포넌트의 인스턴스에 접근할 수 있다. DOM 노드나 엘리먼트에 직접 접근하려면 id를 사용하면 되지 않나? 생각할 수도 있다. 우리가 흔히 아는 document.getElementById($아이디 이름).. CSS 라이브러리를 사용하는 이유 (css scope) 목차 Vanilla CSS 사용 시 발생하는 문제 스코프가 지정되지 않는 문제 해결하기 스타일 적용이 안 되고 줄이 그어져 있는 경우 Vanilla CSS 사용 시 발생하는 문제 Vanilla CSS로 코드를 작성할 때 주의해야 할 점이 있는데, 바로 Scope(범위) 문제이다. 다음의 코드를 살펴보면 scope 문제가 어떤 것인지 알 수 있다. // Button.css .big {width: 100px;} .small {width: 50px;} .button { height: 30px; background-color: #525252; } // Button.js import React from 'react' import './Button.css' export default function Button({.. JSX란? / JSX 문법 정리 JSX란? 자바스크립트에 XML을 추가한 확장문법 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. 브라우저는 JSX 문법을 이해하지 못한다. 따라서 브라우저에서 실행되기 전에 Babel을 사용하여 일반 자바스크립트 코드로 변환된다. | JSX 문법의 장점 편하게 렌더링이 가능하다. HTML 코드와 유사해서 보기 쉽고 익숙하다. 컴포넌트를 HTML태그 쓰듯이 사용하면서 활용도가 높다. | JSX 문법 정리 1. 리액트 컴포넌트 여러개는 꼭 하나의 빈(또는 div) 태그로 감싸주어야 한다. function App() { return ( div태그 ); } Virtual DOM에서 컴포넌트 변화를 감지할 때 효율적으로 비교하기 위해서, 컴포넌트 내부는 하나의 DOM트리 구조로 이.. 리액트에서 인라인 스타일 작성하는 방법 | CSS 적용 방법 알다시피 CSS를 적용하는 방법에는 세 가지가 있다. 1. 인라인 스타일 : html태그마다 style속성으로 CSS 코드를 작성하는 방식 내용 2. 내부 스타일 시트 : head태그 안에 style태그를 넣어 태그 안에 css 코드를 작성하는 방식 3. 링킹 스타일 시트 : 외부 .css 파일에 css코드를 작성한 뒤, html 문서에 연결하는 방식 | JSX 문법으로 인라인 스타일 작성하기 이 중 첫 번째 방법인 인라인 스타일을 리액트에서 JSX 문법으로 작성할 때 주의해야 할 사항이 있다. 그것은 바로 ‘중괄호를 2개 써야 한다는 것’ !! 예를 들어, 아래와 같이 버튼 컴포넌트를 만들고 style 속성을 작성할 때, 다음과 같이 작성하면 오류가 난다. function Btn(.. 이전 1 다음
