'전체 글' 731건

이 문자열은 큰따옴표나 작은따옴표로 감싸는 가존 문자열과 다르게 백틱(`)으로 감쌉니다.특이한 점은 문자열 안에 변수를 넣을 수 있다는 것입니다.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..

final 클래스final이  클래스 이름 앞에 사용되면 클래스를 상속받을 수 없음을 지정합니다.final class FinalClass { // 이 클래스는 상속 불가 .....]class Subclass extends FinalClass { // 컴파일 오류 발생. FinalClass 상속 불가 .....} final 메소드final로 메소드로 선언하면 오버라이딩할 수 없는 메소드임을 선언합니다.자식 클래스가 부모 클래스의 특정 메소드를 오버라이딩하지 못하게 하고 무조건 상속받아 사용하도록 하고자 한다면 다음과 같이 final로 지정하면 됩니다.public class SuperClass { protected final int finalMethod() { ... } // finalMethod()..

요구사항 프로세스도출- 어떻게 수집할 것인가?- 다양한 이해관계자와 효율적인 의사소통이 중요 분석- 요구사항들간 상충되는 것을 해결하고- 소프트웨어의 범위파악- 개념 모델링 명세- 체계적으로 검토, 평가, 승인될 수 있는 문서를 작성하는 것- 시스템 정의서- 시스템 요구사항 명세서- 소프트웨어 요구사항 명세서 확인- 요구사항 문서가 회사의 표준에 적합하고 이해 가능하며, 일관성이 있고, 완전한지 검증- 분석가가 요구사항을 이해했는지 확인 요구사항 분석 기법1. 요구사항 분류(Requirement Classification)- 요구사항이 기능인지 비기능(시스템의 속성들과 제약사항들을 정의하는 요구사항)인지- 요구사항이 하나 이상의 고수준 요구사항으로부터 유도된 것인지 또는 이해관계자나 다른 원천(Sourc..

if (true) { var x = 3;}console.log(x); // 3if (true) { const y = 3;}console.log(y); // Uncaught ReferenceError: y is not defined 코드는 크롬 개발자 도구(F12)의 Console 탭에 적으면 됩니다. Enter를 누르면 코드가 실행되는데, 코드를 실행하지 않고 줄바꿈을 하려면 Shift + Enter를 입력합니다.x는 정상적으로 출력되는데 y는 에러가 발생합니다.var은 함수 스코프를 가지므로 if문의 블록과 관계없이 접근할 수 있습니다.하지만, const와 let은 블록 스코프를 가지므로 블록 밖에서는 접근할 수 없습니다.블록의 범위는 if, while, for, function 등에서 볼 ..

axios 설치하기axios를 설치합니다. 터미널에 다음과 같이 입력하면 됩니다.npm insall axios YTS 영화 데이터 API 살펴보기크롬 브라우저 주소 입력 창에 yts.lt/api라고 입력하면 YTS 영화 데이터 API 사이트에 접속할 수 있습니다. 위 표시한 API 주소를 사용할 것입니다. 이 주소는 최신 영화 20개에 대한 데이터를 기본으로 보내줍니다. 영화 목록 데이터 확인해보기크롬 브라우저 주소 창에 있는 Endpoint의 주소 중 .json으로 끝나는 주소를 입력해주세요.Endpoint 주소 : https://yts.mx/api/v2/list_movies.json JSON Viewer 확장 도구 설치하기 크롬 웹 스토어에서 JSON Viewer를 검색한 다음 눌러 JSON View..