본문 바로가기

전체 글

 (73)
프로세스와 스레드 프로세스 사전적 의미 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 메모리에서 올라와 실행되고 있는 프로그램의 인스턴스 (독립적인 개체) 인스턴스 ? 프로그램 실행에 필요한 내용이 컴퓨터 메모리(RAM)에 적재된다는 뜻 운영체제로부터 시스템 자원을 할당받는 작업의 단위 동적인 개념으로 실행된 프로그램을 의미 할당받는 시스템 자원의 예시 CPU 시간 운영되기 위해 필요한 주소 공간 독립된 메모리 영역 프로세스와 프로그램 ? 프로그램 어떤 작업을 하기 위해 실행할 수 있는 파일 또는 프로그램 .exe 그림판, 크롬, 카카오톡, 엑셀, 파워포인트 등 파일이 저장 장치에 저장되어 있지만 메모리에는 올라가 있지 않는 정적인 상태 메모리에 올라가 있지 않은? 아직 운영체제가 프로그램에게 독립적인 메모리 공간을..
메모리(RAM) 구조 메모리(RAM) 구조란? 메모리 공간 종류 Code (코드 영역) 실행할 프로그램의 코드 Data (데이터 영역) 전역 변수 , 정적 변수 Heap (힙 영역) 사용자의 동적 할당 런 타임에 크기가 결정됨 Stack (스택 영역) 지역 변수, 매개 변수 컴파일 타임에 크기가 결정됨 컴파일 타임 과 런타임 컴파일 (Compiletime) - 프로그램을 생성하기 위해 개발자는 첫째로 소스코드를 작성하고 컴파일이라는 과정을 통해 기계어코드로 변환 되어 실행 가능한 프로그램이 되며, 이러한 편집 과정을 컴파일 타임이라고 합니다. 컴파일 타임 에러 (Compile time error) - 소스코드가 컴파일 되는 과정 중에 발생하는 문제들로 인해 컴파일이 방해되어 발생하는 오류들을 의미합니다. Syntax erro..
운영체제 운영체제란? 시스템의 자원과 동작을 관리하는 소프트웨어 자원 : CPU 동작 : MEMORY PC : 윈도우, 맥 등 Mobile : 안드로이드, IOS 등 프로세스, 저장장치, 네트워킹, 사용자, 하드웨어를 관리 프로세스 : 우리가 실행하는 프로그램 저장장치 : RAM, HDD (하드디스크) * 시스템의 자원과 동작을 관리하는 소프트웨어이고, 프로세스, 저장장치, 네트워킹, 사용자, 하드웨어를 관리하게 됩니다.
[노마드 코더] React로 영화 앱 만들기3 이제, id를 사용해서 어떤 영화의 상세페이지로 들어가게 해주는지 설정해줄거임 url 에는 변수를 사용해줄 수 있는데, :id 이런 식으로 앞에 : 를 붙히면 된답니당. App.js 이렇게 되면, Movie 컴포넌트에 id가 필요하게 된다는 것을 알 수 있듬. 하지만 우리 Movie 컴포넌트를 확인해보면 Movie.jsx function Movie({coverImg, title, summary, genres}){ id 를 props 로 받고 있지 않다는 걸 알 수 있습다. Home.jsx 로 가서 Home.jsx { const json = await (await (await fetch(`https://yts.mx/api/v2/movie_details.json?movie_id=${id}`)).json())..
[노마드코더] React로 영화 앱 만들기2 이제 다음 페이지로 넘어가기 위해서. 1. 페이지 컴포넌트를 만들어준다 페이지 컴포넌트에는, 전에 App.js 에서 썼던 데이터 정보를 스크린에 보여주는 태그들을 가져올것이당. function Movie({}) { return {title} {summary} {genres.map((g) => { return {g} })} } export default Movie; 바로 요러케 근데 이 데이터들은 지금 오류가 뜰것이야. 왜냐면 App.js 에서 불러온 데이터들이니까! 그래서 이 Movie 컴포넌트가 App.js 로부터 받을 예정인 정보들을 props object로 받을겡 function Movie({medium_cover_image, title, summary, genres}) { return {title..
[노마드코더] React로 영화 앱 만들기1 앱 안에서 페이지를 전환하는 방법 먼저 영화 정보를 불러와서 보여줘야함. 1. 영화 정보를 받을 수 있는 api 를 가지고 온댜. https://yts.mx/api API Documentation - YTS YIFY Official YTS YIFY API documentation. YTS offers free API - an easy way to access the YIFY movies details. yts.mx 나는 이 사이트를 쓸것이당. 2. 정보를 불러오는 도중에 보여줄 로딩 창을 구현한다. import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function App() { const [loading..
[뉴스 타임즈] API 에러 발생시 UI 보여주기 유저가 입력한 검색 키워드에 대한 데이터가 없을 때, 화면에선 어떻게 보일까요? 아무것도 실행이 되지 않습니다. 물론 콘솔창을 보면 오류가 나오겠지만 user 들은 콘솔 창을 보지 않아요... ㅠㅠ 그래서 저희는 이 오류 상태를 user 에게 ui 로 보여줘야한답니당. 그럼 어떻게 보여줄까요? 먼저 저희가 만들어놓은 공통 api 불러오는 함수 있죠? getNews() 라는 함수입니다. 거기에서 에러핸들링을 사용할 것입니당. (에러 핸들링 모르시는 분들은 응용+예제에 적어놨으니까 봐주셔요!) // api 호출 함수 const getNews = async() => { // 에러 코드 try{ }catch(error){ console.log('잡힌 에러는' , error.message) } let respon..
에러 핸들링(error handling) 에러핸들링 하는 방법! try{} - catch(){} 사용 방법은? try{ // 소스코드를 쓴다 // 이 안에서 에러가 발생하면 catch로 간다. }catch(){ //catch 가 에러를 잡아준다. } 이런 구조로 이루어져있어요! 시도했는데 에러 발생? 그럼 catch 가 잡아준다! 라는 느낌입니다. ㅋㅋ 영어 해석하심 편할듯 근데 catch 가 어디서 에러를 받아오죠? try 에서 받아오죠?? 그래서 catch 는 자연스럽게 error 라는 아이를 매개변수로 받아요. try{ // 소스코드를 쓴다 // 이 안에서 에러가 발생하면 catch로 간다. }catch(error){ //catch 가 에러를 잡아준다. } 요렇게! 그래서 응용 예제를 들자면 try{ // 소스코드를 쓴다 // 이 안에서 ..

티스토리툴바