문제1. 영화 예매 사이트를 개발하고 있습니다. API를 작성하며 잔여 좌석을 확인하는 GET /inquiry라는 엔드포인트를 만들었는데, REST 원칙을 준수하지 않았다는 지적을 받았습니다. 그 이유로 가장 적절한 것을 고르세요. A. HTTP 메서드 중 GET 보다 PUT을 사용하는 것이 적절하기 때문이다. B. 엔드포인트에 동사를 사용했기 때문이다. C. 엔드포인트에 좌석에 대한 리소스를 지칭하지 않았기 때문이다. D. 응답에 Location 헤더 정보를 전달하지 않았기 때문이다. 더보기 A. HTTP 메서드 중 GET 보다 PUT을 사용하는 것이 적절하기 때문이다. HTTP 메서드는 자원에 대한 요청에 적절한 메서드를 사용하는 것이 중요하다. GET 메서드는 자원의 정보를 조회하는 목적으로 사용되..

REST API 소개 REST는 Representational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 그 당시 웹(HTTP) 설계의 우수성에 비해 제대로 사용되어지지 못하는 모습에 안타까워하며 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표했다고 합니다. REST API는 HTTP를 사용하여 시스템 간 통신을 허용하며, Representational State Transfer (REST)의 원칙에 기반합니다. REST API는 Representational State Transfer API의 약자입니다. HTTP 요청을 사용하여 웹 서비스..

본 글은 자영업자(개인사업자)로 국비지원 훈련중 고용보험가입, 훈련장려금, 고용보험 지원에 대한 내용입니다 결론부터 말 하자면. 자영업자(개인사업자) 고용보험 가입 됨. 조건충족시 실업급여 신청 가능. 자영업자(개인사업자) 내일배움카드로 수강시 훈련장려금 지급 받으려면 고용보험 가입한 상태여야 함. 국민내일배움카드 운영규정 [시행 2023. 1. 1.] [고용노동부고시 제2022-97호, 2023. 1. 1., 일부개정] 제49조(훈련장려금의 지원) ① 지방고용노동관서의 장은 다음 각 호의 어느 하나에 해당하는 사람의 단위기간 출석률이 80 퍼센트 이상인 경우 훈련장려금을 지원할 수 있다. 1. 총 훈련시간이 140시간 이상인 내일배움카드 훈련과정을 수강하면서 다음 각 목의 요건을 모두 충족하는 사람 가..

1. 다음 그림은 터미널에서 npm start 명령어를 통해 리액트 앱을 실행한 화면입니다. 설명 중 옳은 것을 모두 고르세요. (정답 세 개) A.localhost 대신에 127.0.0.1로 접속할 수 있다. B.포트 번호 3001번에서 실행중이다. C.172.30.1.14 를 hosts로 사용할 수 있다. D.URI를 통해 네트워크 통신을 위한 scheme이 HTTPS라는 것을 확인할 수 있다. 더보기 A. localhost 대신에 127.0.0.1로 접속할 수 있다. - 옳음. localhost와 127.0.0.1은 로컬 호스트 주소라는 것은 같으며, 어떠한 호스트에서든 이 주소로 접속할 수 있다. B. 포트 번호 3001번에서 실행중이다. - 옳음. 실행화면에서 보이는 http://localhos..

01. 디자인 의미, 개념 ,배경 디자인(Design)의 배경 라틴어 데시그나레(Designare), 프랑스어의 데생(Dessin) 어원에서 시작하여 르네 상스 시대 이후 오랫동안 데생과 같이 가벼 운 의미로 사용 도안, 의장, 밑그림, 그림, 소 요, 계획, 설계, 목적이란 의미 포함 디자인의 정의 De(이탈)와 Sign (형상)의 합성어로 기존의 형상에서 이탈하여 새로움을 창조한다는 의 미로 탄생하여 1920~1930년대 일어난 디자인 운동 이후부터 사용됨 일반적으로 하나의 그림 또는 모형으로써 그것을 전개시키는 계획 및 설계 '계획, 의도, 목적'의 뜻으로, 예술가 마음의 계획. 의도 등 심적 계획 인간이 보다 사용하기 쉽고 안전하며 아름답고 쾌적한 생활환경을 창조하는 조형행위 디자인의 목적 인간의..

문제1. React에서 이벤트를 처리하는 방식으로 옳은 것을 고르세요. A.이벤트 종류를 설정할 때 PascalCase로 설정해야 한다. B.이벤트에 전달하는 값은 함수여야 한다. C.이벤트 핸들러를 설정할 때 반드시 호출연산자 ()를 이용해서 바로 함수를 호출해야 한다. D.이벤트 핸들러는 props로 전달할 수 없다. 더보기 A. React에서는 이벤트 이름을 camelCase로 작성해야 합니다. 예를 들어 onClick, onChange 등이 일반적입니다. PascalCase는 잘못된 형식입니다. B. 이벤트에 전달하는 값은 함수여야 한다. JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다. C. React에서는 이벤트 핸들러를 설정할 때 함수를 호출하지 않고 함수 자체를 전달해야 ..

map을 이용한 반복 내장 고차 함수 map에서 배열 메서드 map의 특성 배열의 각 요소를 특정 논리(함수)에 의해 다른 요소로 지정(map)합니다. 배열의 각 요소(post)를 특정 논리(postToElement 함수)에 의해 다른 요소로 지정(map) 합니다. 블로그 포스트가 100개인 경우를 상상해 봅시다. 이런 상황에서는 블로그 포스팅이 늘어날 때마다 매일 코드를 변경해야만 합니다. 데이터가 변경될 때마다, 알아서 렌더링할 수는 없을까요? React에서는 이런 문제를 해결하기 위해서 배열 메서드 map을 활용합니다. const posts = [ { id : 1, title : 'Hello World', content : 'Welcome to learning React!' }, { id : 2, ..

리액트는 무엇인가? 리액트는 프론트엔드 개발을 위한 Javascript 오픈소스 라이브러리입니다. 리액트 3가지 특징 선언형 리액트는 한 페이지를 보여주기위해 기존 HTML / CSS / JS 로 나눠서 적기보다 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향합니다. (*JSX는 아래 설명) // JSX로 작성된 코드 // 하나의 파일에 명시적으로 작성할수 있는 JSX를 활용 const Weather = () => ( ) 컴토넌트기반 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트 기반으로 개발합니다. 컴포넌트로분리하면 서로 독립적으로 재사용이 가능하고 기능자체에 집중하여 개발할 수 있습니다. //컴포넌트로 분류 const Cart = ({items}) =>..