본문 바로가기

분류 전체보기

 (148)
JSX JSX란 리액트 프로젝트 생성과 node/npm 설치 과정은 생략하겠습니다. JSX는 자바스크립트의 확장 문법이며 XML 과 굉장히 유사합니다. 먼저 JSX 코드 순서부터 확인해 보면 import logo from './logo.svg'; /*import 특저 파일을 불러 오는 것을 의미*/ import './App.css'; function App() { return ( React Test ); } export default App; 이렇게 생긴 JSX 형태를 띄고 있습니다. 이러한 코드는 실제로는 다음과 같이 변화 되어 사용 됩니다 function App(){ return React.createElement("div", null, ' React Test'); } 만약 새로 렌더링을 할 때마다 위 코드..
React JS란 React JS의 인기 프론트앤드 개발자라면 아니, 모든 웹 개발 관련 종사자들은 최근 자바스크립트에 대한 열광과 React JS, Vue, Angular에 대한 뜨거운 관심에 대해 알고 있을 것입니다. 자바스크립트는 단순한 스크립트 언어에 불과했으나 현재는 웹 애플리케이션에서 가장 핵심적인 역할을 수행하며, 이에대한 자세한 내용은 https://dkkim2318.tistory.com/64?category=915842 자바 스크립트 자바 스크립트? 자바스크립트를 한마디로 정의하자면 브라우저 내에서 동작하는 언어라고 할 수 있습니다. 웹 개발자들에게는 브라우저에서 동작하는 언어기 때문에 완벽하게는 아니여도 필 dkkim2318.tistory.com 해당 포스트를 통해 확인 할 수 있습니다. 이러한 자바스크..
소프트웨어 개발 방법론 소프트웨어 방법론? 소프트웨어 방법론이란 소프트웨어를 생산하는 데에 필요한 프로그래밍 개발 과정들을 정리하고 표준화하여 프로그래머들이 프로그래밍 개발과정에서 각개인이 개발과정에서 일관성을 유지하고 프로그래머들간의 효과적인 협업이 이루어질수 있도록 돕기 위한 방법론을 의미합니다. 방법론이라는 것은 결국 IT개발 회사, 혹은 회사가 아니더라도 공동의 목적을 달성하기 위한 프로젝트의 방향성을 제시해 주는 역할을 합니다. 소프트웨어 방법론이 필요한 이유 일단 소프트웨어 방법론은 어떠한 절대적인 개념은 아닙니다. 대표적인 방법론들이 있지만(구조적 방법론, CBD방법론, Agile 등등) 수 많은 소프트에어 실제 개발 과정에 대한 각각의 맞는 개발 방법을 정의하고 있기 때문에, 개발집단은 분석을 통해 상황에 맞는 ..
패키지 오라클 PL/SQL 에는 저장 패키지(Stored Package) 라는 개념이 존재합니다. 패키지라는 뜻과 같이 저장 패키지는 다양한 PL/SQL의 요소들을 묶어 하나의 프로그램 레벨로 제공할 수 있게 합니다. 패키지의 고유한 특성은 다음과 같습니다. 고유한 이름을 가진다 이름을 식별자로 사용하여 반복적으로 재사용이 가능합니다 패키지 내부는 타입, 상수, 변수, 커서 , 예외, 서브프로그램(함수,프로시저)등 대부분의 요소들을 포함할 수 있습니다 객체지향언어의 클래스와 유사한 기능을 가집니다. 정보 은닉의 기능이 강화됩니다 이해해기 쉽고 가독성이 뛰어납니다 신뢰성이 있으며 재사용성이 높은 프로그램을 만들 때 유용합니다. 패키지 명세 패키지는 명세와 본체로 나누어져 있습니다. 명세는 패키지 사용자에게 공개되..
저장 서브프로그램 앞선 포스트에서 트리거를 제외한 대부분의 소스는 서버에 저장되지 않는 프로그램들이였습니다. 저장되지 않은 프로그램들은 일회적으로 한번만 수행이 되며, 저장이 되지 않았기 떄문에 다른 사용자와 프로그램을 공유하거나 재사용할 수가 없습니다. 반면 저장 서브프로그램은 데이터베이스 서버에 저장 되며 다른 사용자에 의해 중복 호출하여 사용할 수 있기 때문에 동일 사용자 소스코드를 사용자가 여러번 사용하거나 공유 할수 있습니다. 저장 서브프로그램을 사용하는 이유 재사용성 : 한번 작성되어 서버에 저장하면 소스코드를 재 호출하여 사용할 수 있기 떄문에 생산성을 증대한다. 유지보수성 : 이런 프로그램의 작성은 중앙 서버에서만 이루어 지기 때문에 유지보수가 용이해진다 모듈화 : 덩치 큰 프로그램을 통제 가능한 모듈로 분..
Template 리터럴 Template 리터럴은 문자열 처리를 위한 템플릿을 제공합니다. Template 리터럴은 역따옴표(` `) 안에 문자열과 표현식을 작성할 수 있습니다 예를 들어 `안녕하세요${표현식}` 과 같이 되어 있다면 해당 코드는 자바스크립트 내에서 => 안녕하세요 (문자로 인식) + ${표현식}은 표현식의 결과를 문자열로 출력이 됩니다. 따라서 표현식에 따라 출력되는 결과가 다르며 문자열과 표현식의 결과를 묶어 하나의 문자열로 표현하는 방식이 바로 Template 리터럴 입니다. Template 리터럴 기본 예제 console.log("1:", `1234ABC가나다라`); // expression 조합이 없기 때문에 template literal 이라고 볼 수는 없음 console.log("2:", `라인1 \..
Spread 연산자 spread 연산자 이터러블 오브젝트의 엘리먼트를 하나씩 분리하여 전개할 수 있습니다. spread 연산자로 인해 분리된 엘리먼트들은 어떤 변수에 할당한다거나, 호출하는 함수의 파라미터 값으로 사용하는 여러가지 응용이 가능합니다. Spread 연산자 문법 spread 연산자는 기본적으 '...' 점 3개를 연속으로 붙인 기호를 사용합니다. 점 3개에 이어서 이터르블 오브젝트를 작성하면 spread 연산자를 통해 엘리먼트를 전개할 수 있습니다. let arrOne = [11,12]; let arrTwo = [21,22]; let spreadObj1 = [...arrOne, ...arrTwo, 31,32]; console.log(spreadObj1); console.log(spreadObj1.length);..
동기/비동기 ,callback 함수 콜백(callback)함수는 간단히 말하자면 다른 함수가 실행을 끝낸 뒤 실행하는 함수를 의미합니다. 조금더 자세히 말하자면 함수가 다른 함수의 인자가 되어 타 함수 내에서 수행되어지는 것을 말합니다. 함수를 인자로 던진다는 것은 한 함수 내에서 다른 함수를 사용한다를 의미하는데, 그렇다면 외부함수를 정의하고 호출해 쓰는 것과 어떤 차이가 있지? 라는 의문이 들 수 있습니다. 이런 의문을 해소하기 위해선 먼저 동기 / 비동기 방식에 대한 이해가 있어야 합니다. 동기식 동기식은 우리가 기본적으로 익숙한 방식입니다. 동기식은 프로그래밍을 했을 떄 위에서 아래로 절차적으로 수행합니다 함수를 호출한다면 호출한 함수 블럭을 모두 수행한뒤 그 다음 해야할 일을 진행하는 방식이죠, let a = 3; let b = ..

티스토리툴바