전체 글 검색 결과
1. SPA(Single-Page-Application)단일 페이지 어플리케이션이라는 뜻으로 말 그대로 페이지가 1개인 애플리케이션이다. SPA는 현재 웹 개발의 트랜드입니다.대표적인 라이브러리 및 Front-End Framework 로는 React, Vue.js, Angular 가 있습니다.기존 웹 서비스는 요청시마다 서버로부터 리소스들과 데이터를 해석하고 화면에 렌더링하는 방식입니다.SPA형태는 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식입니다. - 장점 : 쉬운 운영배포, 빠른 반응성, 서버 요청이 적다. (REST API 를 통한 데이터 송수신)- 단점 : 검색 엔진 최적화에 어려움, 초기 구동에 시간이 오래 걸림 2. REST ..
React JSX JSX 는 JavaScript 의 확장 문법으로 XML 과 유사하게 생겼습니다. 이런 형식으로 작성된 코드는 Browser 에서 실행되기 전 코드가 번들링(Bundlering, 파일을 묶듯이 연결)되는 과정과정에서 바벨을 사용하여 일반 JavaScript 코드로 변환됩니다. function App() { return ( Hello react ); } 위 코드는 아래와 같이 변환됩니다. function App() { return React.createElement("div", null, "Hello " React.createElement("b", null, "react")); } JSX 를 사용하면 간편하게 UI 를 렌더링할 수 있습니다. 3.1 JSX 의 장점 (1) 보기 쉽고 익숙함 ..
리액트의 작업 환경 설정 리액트 공부를 시작하기에 앞서 첫 React Project 를 만들 것입니다. 2.1 Node.js 와 npm 리액트 프로젝트를 만들 때에는 Node.js 가 필수요건입니다. Node.js 는 크롬 V8 JavaScript 엔진으로 빌드한 JavaScript RunTime 입니다. 이것으로 웹 브라우저 환경이 아닌 곳에서도 JavaScript 를 사용하여 연산할 수 있습니다. 리액트 애플리케이션은 웹 브라우저에서 실행되는 코드이기 때문에 Node.js 와 직접적인 연관성은 없으나 프로젝트를 개발하는 데 있어서 필요한 주 도구들이 Node.js 를 사용하기 때문에 설치하는 것입니다. 2.1.1 Node.js 와 npm 설치 : macOS 제 작업환경은 MacOS 이므로 터미널을 열..
private 멤버 변수를 사용하는 이유 실제 개발을 할 때, VO(DTO) 에서 자주 쓰이지만 정작 private 를 사용하는 이유를 모르고 사용한다. 이렇게 ctrl+c, ctrl+v 를 하는 하찮은(?) 개발자가 안되겠다 생각하며 다시 한번 정리하는 시간을 가져야 한다고 느꼈다. 굳이 public 메소드를 사용하면서 private 접근제어를 사용하는 이유가 무엇일까요? 간단하게 설명하면, 캡슐화와 자료보호에 대한 목적입니다. 해당 클래스의 내부에서만 사용할 수 있도록 하는 것입니다. 프로젝트를 진행할 때, 나홀로 진행하는 것이라면 상관없지만 다수가 함께 참여하여 진행하는 프로젝트의 경우 해당 자료를 보호할 수 있도록 private 멤버 변수를 사용하는 것이 좋습니다.
최근댓글