1. 비연결성 HTTP의 특징 - stateless (클라이언트의 이전 정보를 기억하지 않고, 클라이언트의 요청이 들어오면 그 요청에 대한 응다배주고 바로 연결을 끊어버림) 비연결성의 장점 - 클라이언트의 기존 정보를 포함하고 있지 않으니 서버 과부하가 걸리지 않는다. 서버 자원의 효율적 사용 비연결성의 단점 - 클라이언트가 웹 브라우저를 요청하면 서버는 HTML만 보내는게 아니라 CSS,JS,이미지파일 등 다양한 형식의 것들을 보내는데이 자원을 하나하나 받을때마다 연결하고 다시 끊고 하면 비효율적 => HTTP는 기본적으로 지속연결을 한다. 2. HTTP 메시지 위에서도 언급했듯이 HTTP는 텍스트,이미지,음성 파일 등 바이너리 형식의 데이터를 모두 다 보낸다. HTTP 요청 메시지와 HTTP 응답 메..

1. 리액트는 컴포넌트로 구성되어 있으며 컴포넌트는 UI를 독립적이고 재사용이 가능하도록 나눈 조각이다. 2. JSX 영역이 실제 화면에 그려지는 부분이며 return() 함수 안에 작성한다. html 처럼 생겼지만 자바스립트이다. JS 영역의 처음 시작은 태그로 감싸주거나 로 작성한다. 한 줄은 상관이 없지만 한 줄 이상은 그룹형(Fragment) 또는 Div로 묶어야 한다. Fragment에 큰 뜻은 없으며 단순히 태그 감싸기 용이다. 3. webpack은 html,css,js 등을 하나로 묶어 (파일들을 묶어) 한 번에 실행시켜주는 도구이다. 4. ex) let [추천,추천변경] = useState(0); 과 같은 경우는 맨 앞에 있는 값인 '추천'의 초기값을 0으로 셋팅하겠다는 의미이다. 5. 리..

1. React에서 Node.js를 사용하는 이유? Node.js를 설치하게 되면 npm(Node Package Manger)이 설치된다. Node.js와 React가 직접적인 관련은 없지만, React 프로젝트 개발 시 필요한 주요 도구들(바벨,웹팩 등)을 Node.js의 npm이 설치해주는 것이다. 2. 리액트 프로젝트를 VSCode에서 쉽게 생성하는 방법 Terminal에 npx create-react-app 프로젝트 이름 npx는 npm의 아들이며 npm@5.2.0 버전부터 새로 추가되었다고 한다. npx가 없을 당시에는 npm을 통해 React app을 생성했는데 npm install -g create-react-app ~ 을 했었는데 문제점이 있었다. CRA(Create React App:리액..

안녕하세요. brandy 입니다. 이번에 코드프레소에서 수강한 '클라우드 컴퓨팅 첫 걸음' 수강 후기를 남기고자 합니다. 이번 강의의 목표는 '비전공자도 이해할 수 있는 클라우드 컴퓨팅 기초 개념과 활용'인데요. 전공자인 저도 클라우드 컴퓨팅에서도 특히 AWS는 써본적도 없고 nginx는 들어보기만 했고 사용할 기회가 적었었습니다. 그러나 코드프레소를 통해서 직접 AWS와 ngix를 실습할 수 있는 기회가 주어져서 감사한 마음으로 강의를 수강했습니다. 1강 ) 클라우드 컴퓨팅에 대하여 클라우드 컴퓨팅의 개요, 목적, 종류 등 설명을 쉽게 해주셨습니다. 특히 저는 laas,PaaS,Saas 개념들에 대해 헷갈리곤 했는데 비유를 쉽게 들어주셔서 쉽게 이해할 수 있었습니다. 또한 클라우드의 최신 트렌드 등을 ..

1. java.util.NoSuchElementException 흔하게 발생하는 문제. 공간이 없다는 뜻. 비어있는 공간에서 값을 꺼내려고 하면 발생하는 문제이다. Scanner가 읽어올 스트림이 없는데 읽으려고 해서 발생한 Exception이다. 2. nextLine() Enter을 치기 전까지 쓴 문자열을 모두 리턴한다. next() 공백 전까지 입력받은 문자열을 리턴한다. 3. charAt(문자열에서의 문자 순서. 0번부터 시작) Scanner은 char 타입으로 입력을 받을 수 없고 String 타입으로만 입력을 받을 수 있다. 그래서 나온 것이 charAt() Scanner에서 next()또는 nextLine() 뒤에 쓴다. ex ) c1=sc.next().charAt(0); c2 = sc.ne..

1. 리액트란 프론트엔드 라이브러리,프레임워크이다. 자바스크립트 없이 HTML,CSS만 이용하는 정적 페이지라면 프론트엔드 라이브러리를 사용할 필요는 없다. 현재 트렌드는 단순 웹페에지가 아닌 웹어플리케이션, 유저의 행동에 따라 동적인 화면을 보여줘야 하고 동적으로 UI 관리 > 기존 JS나 제이쿼리로는 부족 그래서 수많은 DOM,상태값,업데이트값에 대한 관리를 최소한으로 줄이고, 오직 기능개발&UI를 구현하는데 집중할 수 있도록 새로운 JS 형태들이 등장 프론트엔드 라이브러리 3대장은 Angular(타입스크립트 기반 프론트엔드 웹 애플리케이션 프레임워크), Vue. React(페이스북에서 개발. 단일 웹 페이지나 모바일 앱에서 화면에 표시되는 뷰 부분의 개발에 사용되는 JS 라이브러리) 2. React..