안녕하세요. 성조입니다. 이번 포스팅은 JavaScript를 확장한 문법인 JSX에 대해서 정리하려 합니다. 올바른 지식 전달을 위해 노력하고 있으나, 혹여나 잘못된 지식 전달이 있다면 언제든지 댓글 남겨주시면 감사드리겠습니다! JSX(JavaScript XML)란? JSX는 JavaScript XML의 약자로, JavaScript의 확장 문법이다. JSX를 통해서 JavaScript 내부에 마치 HTML와 같은 코드를 작성할 수 있게 만들어주는 것이다. JSX의 경우. React에서 컴포넌트를 작성하는 주요 방식으로 활용되고 있으며, 이를 통해 UI 컴포넌트가 어떻게 생겼는지 한눈에 이해하기 쉬운 장점이 있다. JSX의 경우 선택 사항이다. JSX(JavaScript XML) 규칙 1. 모든 태그는 닫..
안녕하세요. 성조입니다. 이번 포스팅은 dependencies(종속성)와 devDependencies(개발 종속성)의 차이점에 대해서 정리해 보려합니다. 100% 완벽한 정답이 아닐 수 있으므로 학습 또는 참고용으로 봐주시면 감사드립니다. 또한 혹시나 잘못된 정보 전달이 있는 경우 언제든지 댓글 달아서 피드백 주시면 감사드리겠습니다. dependencies와 devDependencies는 프로젝트의 종속성을 관리하기 위해서 나눠진 카테고리이다. 위 카테고리는 javascript 및 node.js 프로젝트에서 package.json 파일을 통하여 관리되며, 관련된 사항은 다음과 같다. dependencies와 devDependencies의 차이점 결론 - dependencies는 프로젝트를 실행하는데 필요..
안녕하세요. 성조입니다. 이번 포스팅은 개발하다 보면 언제든 내장함수를 활용하게 되는데 자바스크립트 관련해서 자주 다룰 일이 생기다 보니 개인적으로 학습 후. 정리하는 포스팅을 작성하게 됐습니다. 표준 내장 객체에서 함수 속성을 정리하는 포스팅입니다. 혹여나 잘못된 지식 전달이 있다면 언제든지 댓글로 얘기 주시면 감사드리겠습니다. 표준 내장 객체란? 자바스크립트 언어 자체에 내장되어 있어 사용자가 별도로 설치하거나 가져오지 않아도 사용할 수 있는 객체를 의미한다. 이러한 표준 내장 객체들은 자바스크립트에서 기본적으로 제공되는 기능을 수행하며, 개발자들은 이러한 객체들을 활용하여 편리하게 웹 또는 애플리케이션을 개발하고 확장할 수 있다. eval() let x = 2; let y = 3; let code ..
안녕하세요 성조입니다. 스스로 학습하고 정리한 내용이므로 100% 올바른 개념이라 말하기 어려울 수 있습니다. 참고용 정도로 읽어주시면 감사드리겠습니다! 타입스크립트란? (TypeScript) 마이크로소프트(Microsoft)에서 JavaScript의 기능과 장점을 추가하여 구현한 슈퍼셋(Superset) 프로그래밍 언어이다. ※ 여기서 슈퍼셋(Superset)이 의미하는 JavaScript의 기본 문법을 포함하는 의미이다. - 타입스크립트는 오픈소스 프로그래밍 언어이다. 또한 OS, web browser 등 다양한 환경에서도 모두 지원된다. - TypeScript는 컴파일 단계 또는 바벨에서 JavaScript 소스 코드로 변환하여 출력한다. - TypeScript는 JavaScript의 컴파일(Com..
안녕하세요. 성조입니다. 최근에 자바스크립트를 학습하는 데 있어서 많은 시간을 투자하고 있습니다. "약간만 아는 것은 알지 못하는 것과 다름이 없다"라는 얘기를 듣고 스스로 질문을 던졌을 때 약간만 알고 사용하는 개념들을 조금 더 자세히 잡고 가는 것이 좋다고 판단하고 정리하게 됐습니다. 클린 코드를 만드는 데 있어서 가독성의 중요한 것도 작성하려 합니다. 언어별 규칙이 다양하지만, 이번 포스팅은 자바스크립트를 기준으로 작성됐습니다. 식별자(identifier) 식별자(identifier)라는 단어는 생소할 수 있다. 식별자는 클래스, 함수, 배열, 변수 등의 어떠한 값들을 구별해서 식별할 수 있는 고유한 이름이다. 변수의 경우. "메모리에 데이터값을 저장하고, 위치를 할당받은 공간."이라 간단하게 정의..
안녕하세요. 성조입니다. 개인적으로 학습한 내용들을 정리해서 객관적 정보와 주관적 정보를 정리하는 포스팅이므로 100% 맞는 정답이라 정의하기 어렵습니다. 그런 부분을 참고해 주시고 포스팅을 읽어주시면 감사드리겠습니다! React.js란? 사용자 인터페이스 구축을 위한 Javascript 라이브러리이다. 이미 이전 포스팅에서 react의 간단한 얘기를 진행했다. 하지만 이번 포스팅에서 페이지 전환 없이 한 번에 이해할 수 있도록 공식 홈페이지에서 소개하는 문구를 발췌했다. JavaScript란? 고급 해석 언어이며, 클라이언트 즉, 화면 개발에 널리 사용되는 언어이다. 객체 지향 프로그래밍과 함수형 프로그래밍을 모두 지원하며, 프로토타입 기반의 스크립트 언어로도 불린다. 또한 웹 애플리케이션 구축을 포함..
안녕하세요 성조입니다. 오늘은 리액트 프로젝트 생성 방법과 React는 무엇인지. 또한 리액트 프로젝트는 어떻게 실행하는 것인지 정리 포스팅하려고 합니다. INDEX - 리액트(React)란? - 리액트 시작하기 리액트(React)란? 기존의 UI보다 보다 더 편리하게 사용자 인터페이스를 만들기 위해서 만들어진 Javascript 라이브러리이다. 2013년 5월에 페이스북에서 처음으로 출시됐다. 리액트 버전 관리의 경우 페이스북, 개발자, 기업들이 공동체 유지 보수 방법을 진행하여 버전을 관리하기 때문에 비교적 다른 라이브러리, 프레임워크와 다르게 오랜 버전 업그레이드와 유지보수 매우 수월하게 진행되고 있다. 리액트는 앵귤러(Angular), 뷰(Vue)와 다르게 공식 문서에서 라이브러리라고 정의됐다. ..
Index Node.js란? Node.js npm 설치 Node.js 사용법 Node.js란? Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 런타임이다. (공식 사이트 설명 글) Node.js는 Javascript의 런타임이면서 런타임 환경이다. 다시 설명하면 Javascript 프로그램이 실행되고 있는 동안의 동작이 런타임이고 Javascript가 실행되는 동안 환경이 런타임 환경이다. 추가로 설명하면 다음과 같다. Node.js는 서버 사이드 언어로 서버 측에서 즉시, 처리하는 소프트웨어 플랫폼이다. 또한 확장성도 뛰어나면서 논블로킹과 단일 스레드 이벤트 루프를 통한 높은 처리 성능등을 갖고 있다. 내장 HTTP 서버 라이브러리를 갖고 있기 때문에 아파치나 톰캣 등의 별도의 소프트웨어 없이 ..
