전체 글 썸네일형 리스트형 [React] React 개발할때 함께 배워야할 기술과 도구 React로 웹 애플리케이션을 개발할 때, 다양한 기술과 도구들을 함께 배우는 것이 매우 유용합니다.아래는 React 개발 시 함께 배우면 좋은 기술과 도구들을 정리한 목록입니다. 1. JavaScript (ES6+)React는 JavaScript로 작성 되어 있으므로, JavaScript의 최신 기능들을 잘 이해하고 있어야합니다. 특히 ES6 이후 도입된 기능들은 React코드 작성에 매우 유용합니다. • 화살표 함수 • 템플릿 리터럴 • 디스트럭처링 할당 • 모듈 시스템 ( import / export ) • 클래스와 객체 지향 프로그래밍2. JSXReact에서 UI를 정의할 때 사용하는 문법으로, HTML과 유사한 구문을 JavaScript 내에서 사용할 수 있게 합니다. JSX의 기본 문법과 사.. 더보기 [JavaScript] ES6 : 현대 JavaScript의 기초 JavaScript의 중요한 버전인 ES6(ECMAScript 2015)에 대해 알아보겠습니다.ES6는 JavaScript에 많은 새로운 기능을 도입하여 코드를 더 깔끔하고 효율적으로 작성할 수 있게 해 주었습니다. 초보자분들도 이해할 수 있도록 예제와 함께 설명해 드리겠습니다.1. let 과 constES6 이전에는 변수 선언을 위하 var 만 사용했습니다. ES6에서는 let과 const가 추가되었습니다. • let : 블록 스코프 변수를 선언합니다. 값의 재할당이 가능합니다. • const : 상수를 선언합니다. 한번 할당하면 재할당할 수 없습니다.let count = 1;count = 2; // 가능const PI = 3.14;PI = 3.15; // 오류 발생let과 const를 사용하면 변.. 더보기 [React] JSX : React의 마법 같은 문법 React를 처음 접하는 사람이라면 JSX(JavaScript XML)에 대해 들어봤을 것입니다. JSX는 JavaScript를 확장한 문법으로, HTML과 유사한 구문을 사용하여 React 요소를 정의할 수 있게 합니다. JSX는 React의 강력한 기능 중 하나로, 사용자의 인터페이스를 직관적이고 선언적으로 작성할 수 있도록 도와줍니다. JSX란 무엇인가?JSX는 JavaScript를 확장한 문법입니다. JavaScript 코드 내에서 HTML가 유사한 구분을 사용할 수 있게 하여, UI를 구성하는데 직관적이고 가독성 좋은 코드를 작성할 수 있습니다. JSX는 브라우저에서 직접 실행되지 않기 때문에, Babel 같은 트랜스파일러를 사용하여 순수 JavaScript로 변환됩니다. 왜 JSX를 사용하는가.. 더보기 [React] React와 Redux : 상태관리의 강력한 조합 React는 사용자 인터페이스를 구축하는 데 매우 유용한 라이브러리입니다. 컴포넌트 기반의 아키텍처 덕분에 재사용성과 유지보수가 뛰어나죠. 하지만 React만으로는 복잡한 애플리케이션의 상태(state)를 관리하는 데 한계가 있습니다.여기서 Redux가 등장합니다. Redux는 애플리케이션의 상태를 효율적으로 관리하고 예측 가능한 상태 변화를 가능하게 해줍니다.Redux란 무엇인가?Redux는 JavaScript 애플리케이션의 상태 관리를 위한 라이브러리입니다. Redux 는 단일 상태 트리 (single state tree)를 유지하며, 상태의 변경은 순수 함수인 리듀서(reducer)에 의해 처리됩니다.Redux의 주요 개념을 이해하기 위해 세가지 기본 원칙을 알아보겠습니다. 1. 단일 진실의 원.. 더보기 [React] 기초문법 가이드 React는 Facebook에서 개발한 JavaScript 라이브러리로, 사용자 인터페이스(UI)를 구축하는 데 사용됩니다.이 글에서는 React의 주요 개념과 문법에 대해 알아보겠습니다.1. 컴포넌트 ( Components ) React 애플리케이션은 컴포넌트의 모음입니다. 컴포넌트는 UI의 독립적인 조작을 캡슐화하여, 재사용가능합니다. React의 컴포넌트는 함수형과 클래스형 두 가지로 나뉩니다.함수형 컴포넌트 ( Functionnal Components )함수형 컴포넌트는 단순한 JavaScript 함수로, 'props'를 받아서 React요소로 반환합니다.function Welcome(props) { return Hello, {props.name};} 클래스형 컴포넌트 ( Class Compon.. 더보기 [Oracle] 주민번호로 현재 나이를 구하자 프로젝트를 하다보면 종종 나이를 계산하는 경우가 생깁니다.보통은 현재일자에서 태어난 일자를 뺀 값으로 나이를 구하지만, 간혹 데이터상으로 생일데이터가 없고 주민번호가 있는 경우가 있습니다이 주민번호는 1900년대 태어난 기준에서는 별문제가 없었지만.(주민번호 앞자리 2자릴 떼어다가 '19'만 붙이면 되었다.)2000년대를 넘어서면서 그 이야기가 달라졌습니다. 주민등록번호 뒷자리번호의 첫번째 자리의 개념은 다음과 같습니다. 1: 1900 ~ 1999년에 태어난 남성2: 1900 ~ 1999년에 태어난 여성3: 2000 ~ 2099년에 태어난 남성4: 2000 ~ 2099년에 태어난 여성 위의 기준에 따라서 나이를 구하는 구해봅니다. SELECT TO_NUMBER(TO_CHAR(SYSDATE,'YY.. 더보기 [Eclipse Tips] #1. SVN Rollback 오늘도 아침에 출근해서, SVN을 통해 개발소스를 다운받고 로컬서버를 구동한다. 구동하는 시간이 좀 걸리는 터라, 가볍게 커피를 한잔 뽑으러 갔다왔다. 개발자의 필수 요소인 커피믹스는 언제나 먹어도 맛있다. 서버구동은 오류없이 되어, 개발상태를 확인하기 위해 개발페이지들을 확인했다. 이런. 공통코드를 가져오는 RFC호출에 문제가 생긴 듯하다. SAP에 접속해서 해당 RFC를 별도 실행하니 별 문제가 없이 돌아간다. 그렇다면, 오늘 아침에 받은 개발소스가 문제인 듯 한데, 이미 많은 소스를 받은 상태라 어느 파일에서 문제가 생겼는지 알지 못한다. 그래서 결국 Commit Rollback을 하기로 했다. 1. 프로젝트 최상단에서 마우스 오른쪽 버튼 클릭하여 메뉴를 호출한다. 그리고 Team 메뉴를 선택한다... 더보기 이전 1 ··· 7 8 9 10 다음
