넥스트리 오시는 길 안녕하세요? 여러분을 "올바른 성장과 따뜻한 나눔"이 있는 넥스트리로 안내하겠습니다. 주소08503 서울 금천구 가산디지털1로 171 가산SK V1센터 1806호 전화번호 02 6332 5250팩스 02 6332 5950[지하철 이용] ①호선, ⑦호선 가산디지털역
나무소리(namoosori.io) 코칭 프로그램 멋진 소프트웨어 개발자의 길을 가고 싶은 분들을 위한 과정을 특별히 기획하였습니다. 현실에서 학습자들이 만나는 교육은 내일 당장 취업하여 회사가 원하는 일을 하는 역량에 맞춰져 있기 때문입니다. 안타깝게도 대학 교육조차도 기반을
채용절차 2021년 지금의 기업은 클라우드 개념을 도입한 이후부터 하드웨어 인프라를 서비스로 제공하는 IaaS 시대를 지나 PaaS 시대에 직면하고 있습니다. PaaS로 진행됨에 따라 기업들이 하드웨어(서버 스토리지, 네트워킹 등) 준비 없이도 클라우드
Nextrian, 넥스트리안 소프트웨어 개발을 잘하고, 개발을 잘하고 싶은 사람들이 모인 회사가 되고 싶은 넥스트리에서 "올바른 성장과 따뜻한 나눔"을 함께 할 전문성과 인성이 조화롭게 균형을 이룬 인재를 찾고 있습니다. 개인은 자신의 능력을
넥스트리가 가는 길 옛 사람들이 인재를 표현하는 말로 즐겨 사용하던 동량지재(棟樑之材, 기둥과 들보로 쓸 만한 재목이라는 뜻으로 한 집안이나 조직, 나라를 이끌어 갈 인재를 뜻함)라는 표현이 있습니다. 우렁우렁 자란 소나무는 모든
JavaScript 에서 TypeScript 로 이 글은 SI(System Integration) 프로젝트에서 기업형 애플리케이션(Enterprise Application)을 목표 시스템으로 프로젝트를 진행하는 프로젝트 팀 개발자를 독자로 가정하고 작성하였습니다. 서비스 개발 회사의 경우, 기술 선택의 폭이 넓고 다양하여
React Router SPA(SinglePageApplication) 프레임워크 중 하나인 React로 개발을 진행하려다 보니 문뜩 궁금한 것이 하나 생겼습니다. React는 하나의 화면에서 변화를 감지할때마다 VirtualDOM에 업데이트를 하고 변화가 일어난 부분만 Rendering을 하는데, "그럼 모든 페이지는
React State 1. State란 무엇인가?우선 State를 설명하기전, Props(Properties)를 간단하게 살펴 보겠습니다. 일반적으로 React에서는 모든 데이터 전달 방향은 부모 컴포넌트에서 자식컴포넌트로 향해 있습니다. 그래서 자식컴포넌트에서 필요한 데이터는 부모컴포넌트에서 자식컴포넌트의 props에
React Props props React 에서의 데이터 흐름은 단방향으로 부모(상위) 컴포넌트에서 자식(하위) 컴포넌트로 전달되는 구조입니다. 이러한 흐름에서 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터는 props 라는 객체로 전달되며 properties 의 줄임말 입니다.
React Component & Lifecycle ReactElement는 Virtual DOM(이하 VDOM)이라는 콘셉트의 구현체입니다. VDOM은 in-memory에 존재하는 자바스크립트 객체이며 React.createElement 함수로 생성할 수 있습니다. 이를 통해 생성된 엘리먼트는 일반적인 자바스크립트 객체입니다. 이를 아주 단순하게 표현하면
GitHub 시작하기 1. 환경 세팅1-1. JAVA : 1.7 1-2. Eclipse : Kepler - Eclipse EGit 플러그인 설치 : EGit 플러그인은 이클립스와 Git을 연동시켜줍니다. 이클립스에 EGit플러그인을 설치하는 방법에는 두 가지 방법이 있는데 첫 번째 방법은
OAuth 2를 이용한 SSO 환경 구축 (2/2) 이전 글에서 OAuth 2의 개념과 구현 시 고려 사항들에 대해 살펴봤습니다. 이번 글에서는 SSO 환경을 구성하기 위해 어떻게 OAuth 2를 확장하는 지와 스프링부트 및 스프링 시큐리티 OAuth로 SSO 환경을 구축하는
OAuth 2를 이용한 SSO 환경 구축 (1/2) 한 회사에서 여러 시스템을 운영 중이고, 각 시스템마다 계정을 별도로 관리하여 서비스하는 경우가 있습니다. 시스템들을 이용하는 사용자는 자신이 사용하는 시스템들의 계정을 모두 기억해야 하고, 시스템들을 사용하기 위해서 각 시스템에 별도로
HTML5 / CSS3 수평, 수직 정렬 이 글은 HTML과 CSS를 사용하여 문장, 문단, 문단을 담고 있는 박스 등을 사용자가 보기 좋게 정렬할 수 있는 방법에 대해 다루고 있습니다. 수평, 수직축 중앙 정렬을 다룬 두 가지의 방법에
React Material-UI 적용 React는 오픈소스로 구성된 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용합니다. 사용자 인터페이스를 아름답게 만들수 있게 도와주는 다양한 리액트 기반의 UI 라이브러리가 있습니다. 대표적으로 Material-UI, Semantic-UI-React, Ant-Design, React-Bootstrap, Grommet 등이
React Fragment 1. React Component Element Renderingclass CorrectComponent extends React.Component { // React Component is rendering only single element. render() { return ( <h4> Hello React </h4> ) } } class WrongComponent extends React.
React Testing 단위 테스트란?단위테스트는 어플리케이션을 테스트 함에 있어 가장 작은 단위로 분리하여 테스팅을 진행하는것을 말합니다. 가장 작은 단위(함수 또는 메소드..)로 수행하는 단위테스트를 통해 프로그램의 잘못된 수행과 예기치 못한 버그를
Hooks React에는 2가지 종류의 component가 있습니다. Class Component - Component를 만들 때 class를 이용하여 만드는 방법입니다. 보통 React를 사용할 때 기본적으로 사용하는 방법입니다. Class Component를 사용하는 이유는 state와 lifecycle를 이용할 수
React Context 이 글을 통해 React의 Context 개념과 사용에 대해 간단히 알아보고, 실제로 context를 사용하여 간단한 컴포넌트를 제작해보겠습니다. 1. Context란?처음 React로 개발을 진행할 때, 컴포넌트 간에 데이터를 전달하는 데 있어 불편함을
JSX문법과 선택적 렌더링 조건부 렌더링(Conditional Rendering)React Component는 스스로 State를 통해서 화면을 나타내며, 이러한 React Component를 조합하여 복잡한 UI를 생성할 수 있습니다. 복잡한 UI를 생성하기 위해서는 React Component는 로직을 사용할 수 있어야
React Handling Event React에서 Event를 다루는 방식과 HTML에서 Event를 다루는 방식에는 약간의 차이점이 있습니다. 1. Event 사용 방법 HTML에서는 event를 정의 할 때 모든 event를 소문자로 정의합니다. React에서는 camelcase를 이용하여 event 정의를 합니다.
