'홈' 729건

function add1(x, y) { return x + y;}const add2 = (x, y) => { return x + y;}const add3 = (x, y) => x + y;const add4 = (x, y) => (X + y);function not1(x) { return !x;}const not2 = x => !x; 화살표 함수에서는 function 선언 대신 => 기호로 함수를 선언합니다. 또한, 변수에 대입하면 나중에 재사용할 수 있습니다.화살표 함수에서 내부에 return문 밖에 없는 경우에는 return 문을 줄일 수 있습니다.중괄호 대신 return할 식을 바로 적으면 됩니다. add4처럼 보기 좋게 소괄호로 감쌀 수도 있습니다.매개 변수가 한 개면 매개변수를 소괄호로 묶어주지 ..

APP 컴포넌트에 HTML 추가하기import axios from "axios";import React from "react";import Movie from "./Movie";class App extends React.Component { state = { isLoading: true, movies: [], }; getMovies = async () => { const { data: { data: { movies }, }, } = await axios.get( "https://yts-proxy.now.sh/list_movies.json?sort_by=rating" ); this.setState({ movies, isLoadin..

슈퍼 클레스에 대한 접근 지정슈퍼 클래스 멤버에 접근하는래스 종류슈퍼 클래스 멤버의 접근 지정자private디폴트protectedpublic같은 패키지에 있는 클래스XOOO다른 패키지에 있는 클래스XXXO같은 패키지에 있는 서브 클래스XOOO다른 패키지에 있는 서브 클래스XXOO 슈퍼 클래스의 private 멤버슈퍼 클래스의 멤버가 private으로 선언되면, 서브 클래스를 포함하여 다른 어떤 클래스에서도 접근할 수 없습니다.private은 오직 '현재 클래스의 멤버들에게만 접근을 허용한다'라는 뜻입니다. 슈퍼 클래스의 디폴트 멤버슈퍼 클래스의 멤버가 디폴트로 선언되면, 패키지에 있는 모든 클래스가 접근 가능합니다.서브 클래스라도 다른 패키지에 있다면, 슈퍼 클래스의 디폴트 멤버는 접근할 수 없습니다. ..

일반적인 시스템 개발 절차 논리 데이터 저장소데이터 및 데이터 간 연관성, 제약조건을 식별하여 논리적 구조로 조직화하여 모델링 표기법으로 형성화한 데이터 저장소 물리 데이터 저장소논리 데이터 저장소에 저장된 데이터와 구조들을 DBMS의 특성을 고려하여 저장한 하드웨어적 저장 장치 데이터 모델링1. 데이터 모델링 정의기업의 정보 구조를 실체(Entity)와 관계(Relation)를 중심으로 명확하고 체계적으로 표현하여 문서화하는 기법 2. 데이터 모델링 목적(1) 연관 조직의 정보요구에 대한 정확한 이해를 할 수 있음(2) 사용자, 설계자, 개발자 간에 효율적인 의사소통 수단을 제공(3) 데이터 체계 구축을 통한 고품질 S/W와 유지보수 비용의 감소효과를 기대할 수 있음(4) 신규 또는 개선 시스템의 개발..

다음 코드는 oldObject 객체에 동적으로 속성을 추가할 수 있습니다. var sayNode = function() { console.log('Node');};var es = 'ES';var oldObject = { sayJS: function() { console.log('JS'); }, sayNode: sayNode,};oldObject[es + 6] = 'Fantastic';oldObject.sayNode(); // NodeoldObject.sayJS(); // JSconsole.log(oldObject.ES6); // Fantastic 이 코드를 다음과 같이 다시 쓸 수 있습니다. const newObjecy = { sayJS() { console.log('JS'); }, sayNode, ..

Movie 컴포넌트 만들기import React from "react";import PropTypes from "prop-types";const Movie = () => { return ;};Movie.propTypes = {};export default Movie; Movie 컴포넌트는 state가 필요하지 않으므로 클래스형 컴포넌트가 아니라 함수형 컴포넌트로 작성할 겁니다.또, Movie에 넘어와야 하는 영화 데이터를 정의하고 관리하기 위해 prop-types를 사용했습니다. Movie.propTypes 작성하기우선 id, year, title, summary, poster를 각각 자료형에 주의하여 Movie.propTypes에 추가해봅시다.import React from "react";import..

자바와 상속 선언자바에서는 부모 클래스를 슈퍼 클래스(super class), 상속받는 자식 클래스를 서브 클래스(sub class)라고 부르며, 상속을 선언할 때 확장한다는 뜻을 가진 extends 키워드를 사용합니다.public class Person { ...}public class Student extends Person { // Person을 상속받는 클래스 Student 선언 ...}public class StudentWork extends Student { // Student를 상속받는 클래스 StudentWork 선언 ...} 상속과 객체클래스 상속 만들기 - Point와 ColorPoint 클래스class Point { private int x, y; // 힌 점을 구성하는 x, y..

상속은 클래스 사이의 상속이지 객체 사이의 상속이 아니라는 점입니다.다시 말해, 자식 객체는 자식 클래스와 부모 클래스에서 만들어진 모든 멤버를 가지고 생성됩니다. 상속의 필요성상속은 코드 중복을 제거하여 클래스를 간결하게 구현할 수 있게 합니다. 클래스의 간결화 - 멤버의 중복 작성 불필요클래스 관리 용이 - 클래스들의 계층적 분류소프트웨어의 생산성 향상 - 클래스 재사용과 확장 용이

분석모델 확인업무분석가가 제시한 분석모델을 확인하는 과정 유스케이스 모델 검증- 액터- 유스케이스- 유스케이스 명세서 개념 수준 분석클래스 검증- 클래스 도출- 클래스명과 속성- 클래스들 간 관계 분석클래스 검증- 스테레오 타입- 경계 및 제어 클래스 도출- 관계 및 상세화 정도 유스케이스 모델 검증점검 대상점검 내용액터- 기능 구현에 관계되는 액터가 모두 도출되었는가?- 액터 목록에서 액터명이 역할 중심으로 명명되었는가?- 요구사항 정의서, 요구사항 기술서에 외부/내부 액터가 모두 도출되었는가?- 액터 목록과 액터 명세서에 기록된 액터가 타당한지 확인유스케이스- 요구기능 구현에 필요한 유스케이스가 모두 도출되었는가?- 도출된 유스케이스를 논리적으로 연결하여 누락된 기능을 파악- 도출된 유스케이스가 유스..

- 표준화된 범용 모델링 언어- 객체지향 설계를 위한 표준언어- 시스템을 시각적으로 모델링하기 위한 모델링 언어- 시스템 개발 과정의 광범위한 분야에 활용 가능 클래스 다이어그램 유스케이스 다이어그램 시퀀스 다이어그램기능 수행을 위해 시스템 내의 객체들이 다른 객체들과 어떻게 교류하는지를 보내주는 다이어그램구성항목설명객체(Object)사각형 박스 안에 밑줄 친 이름아래쪽으로 생명선을 가지고 있음생명선(LifeLine)객체에서 아래로 뻗어 나가는 쇄선시간의 흐름에 따라 발생하는 이벤트 표시실행(Activation)실행되고 있음을 나타냄.직사각형으로 표시, 직사각형이 갈수록 수행시간이 김.메시지(Message)객체 간 상호 작용은 메시지 교환으로 이루어짐시간수행 순서는 위에서 아래로 표시 시퀀스 다이어그램 ..

이 문자열은 큰따옴표나 작은따옴표로 감싸는 가존 문자열과 다르게 백틱(`)으로 감쌉니다.특이한 점은 문자열 안에 변수를 넣을 수 있다는 것입니다.var num = 1;var num2 = 2;var result = 3;var string1 = num1 + '더하기 ' + num2 + '는 \'' + result + '\'';console.log(string1); // 1 더하기 2는 '3' 문자열 string1은 띄어쓰기와 변수, 더하기 때문에 가독성이 좋지 않습니다. 또한, 작음따옴표를 이스케이프(escape)하느라 코드가 지저분합니다.const num3 = 1;const num4 = 2;const result2 = 3;const string2 = `${num3} 더하기 ${num4}는 '${result..

console.log() 함수로 영화 데이터 출력해 보기axios.get()으로 잡은 영화 데이터가 movies 변수 안에 들어 있으니까 console.log(movies)를 통해 출력해봅시다.import axios from "axios";import React from "react";class App extends React.Component { state = { isLoading: true, movies: [], }; getMovies = async () => { const movies = await axios.get("https://yts-proxy.now.sh/list_movies.json"); console.log(movies); }; componentDidMoun..