'전체 글' 729건

처음에는 영화 데이터가 없지만, 영화 앱 데이터를 로딩하면 그때는 영화 앱 데이터가 나올 텐데 이런 상태를 구분해주는 isLoading state라는 변수가 있습니다. 영화 데이터 로딩 상태 표시해 주기isLoading state는 컴포넌트가 마운트되면 true여야 하니까 다음과 같이 코드를 작성해야 합니다.import React from "react";class App extends React.Component { state = { isLoading: true, }; render() { return ; }}export default App;  isloading state에 따라 '로딩 중이다', '로딩이 다 됐다'와 같은 문장을 화면에 출력합니다.구조 분해 할당과 삼항 연산자를 활용해..

객체 지향 언어에는 접근 지정자를 두고 있습니다.객체를 켑슐화하기 때문에, 객체에 다른 객체가 접근하는 것으로 허용할지, 말지를 지정할 필요가 있기 때문입니다. 패키지서로 관련 있는 클래스들을 패키지(package)에 저장하여 관리하도록 합니다.패키지는 디렉터리 혹은 폴더와 같은 개념이며, 개발자는 클래스 파일들을 여러 패키지에 분산 관리하는 것이 일반적입니다. 자바의 4가지 접근 지정자접근 지정자(access specifier)는 클래스나 멤버들을 다른 클래스에서 접근해도 되는지 여부를 선언하는 지시어입니다. private, proected, public, 접근 지정자 생략(디폴트 접근 지정) 클래스 접근 지정클래스 접근 지정이란 다른 클래스에서 이 클래스를 활용할 수 있는지 허용 여부를 지정하는 것으..

현행 시스템 파악개발하고자 하는 응용 소프트웨어에 대한 이해를 높이기 위해, 현행 시스템의 적용현황을 파악함으로써 개발범위의 향후 개발될 시스템으로의 이행 방향성을 분석할 수 있습니다.개발하고자 하는 응용 소프트웨어와 관련된 운영체제, 데이터베이스관리 시스템, 미들웨어 등의 요구사항을 식별할 수 있습니다.현행 시스템의 분석하여, 개발하고자 하는 응용 소프트웨어가 이후 적용될 목표시스템을 명확하고 구체적을 기술할 수 있습니다.(1) 현행 시스템 파악의 정의현행 시스템이 어떤 하위 시스템으로 구성되어 있는지제공하는 기능이 무엇인지다른 시스템과 어떤 정보를 주고받는지어떤 기술요소를 사용하고 있는지사용하고 있는 소프트웨어 및 하드웨어는 무엇인지네트워크는 어떻게 구성되어 있는지(2) 현행 시스템 파악의 목적향후 ..

constructor() 함수 알아보기파일을 열고 constructor() 함수를 컴포넌트 안에 작성하고 console.log()로 아무 문장이나 출력합니다.그리고 render() 함수에도 console.log()로 아무 문장이나 출력해봅시다.import React from "react";class App extends React.Component { constructor(props) { super(props); console.log("Hello"); } state = { count: 0, }; add = () => { this.setState((current) => ({ count: current.count + 1, })); }; minus = () =>..

객체의 소멸자바에는 객체를 생성하는 new 연산자는 있지마 객체를 소멸시키는 연산자는 없으므로 자바에서는 개발자가 마음대로 객체를 소멸시킬 수도 없습니다.객체 소멸이란 new에 의해 생성된 객체 공간을 자바 가상 기계에게 돌러주어 가용 메모리(available memory)에 포함시키는 것입니다.자바에서는 Object 클래스의 finalize()가 소멸자와 유사한 기능입니다.자바에서 new로 할당받은 후 사용하지 않게 된 객체 메모리는 가바지(garbage)라고 부르며, 자바 가상 기계의 가비지 컬렉터(garbage collector)가 적절한 시점에 자동으로 수집하여 가용 메모리에 반환시킵니다. 가비지자바 응용 프로그램에서 더 이상 사용되지 않게 된 객체나 배열 메모리입니다.참조하는 레퍼런스가 하나도 ..

this.state.count 마음대로 바꿔 보기state는 객체니까, this.state.count = 1 또는 this.state.count = -1과 같이 값을 바꿀 수 있다고 생각할 수 있습니다.import React from "react";class App extends React.Component { state = { count: 0, }; add = () => { this.state.count = 1; }; minus = () => { this.state.count = -1; }; render() { return ( The number is {this.state.count} Add Minus )..