국문/프론트엔드 (3) 썸네일형 리스트형 자바스크립트 프레임워크를 알아보자 인트로 자바스크립트에는 프레임워크라는 것이 있다. 회사에 취직하면 거의 대다수는 프레임워크가 아닌 자바스크립트(Vanilla JS)를 쓰지 않는다. 대부분 리액트를 쓰고, Vue.js가 종종 보이는 정도.. 오늘의 글에서는 이 자바스크립트 프레임워크에 대해서 다뤄보고자 한다. Hope you enjoy it! 자바스크립트 프레임워크가 뭘까? 자바스크립트 프레임워크(JavaScript framework)는 웹 응용 프로그램을 만들 때 따라야 할 구조와 규칙을 제공하는 미리 작성된 코드, 라이브러리 및 도구의 집합이다. 이를 통해 개발자가 원하는 기능 구현에만 집중하여 빠른 속도로 개발을 할 수 있도록 JS 프레임워크는 기본적으로 필요한 기능들을 갖추고 있는데 결국 개발 프로세스를 보다 효율적으로 만들기 위.. 리액트가 뭘까? 리액트 알고 설치하기 인트로 앞 글에도 말했듯이, 자바스크립트를 더 효율적으로 쓰기 위한 여러 프레임워크가 존재한다. 그 중에 가장 인기있는 리액트에 대해 글을 써보려고 한다. (물론 나도 리액트로 간단한 작업을 몇 번 해봤다.) 리액트는 UI를 구축하기 위한 자바스크립트 라이브러리이다. 페이스북이 개발하였고, 현재 웹 애플리케이션 개발에서 가장 인기있는 프레임워크이다. 리액트는 개발자들이 재사용 가능한 UI 구성 요소를 구축할 수 있게 하여, 해당 구성 요소의 상태를 일관되고 효율적인 방식으로 관리할 수 있게 해준다. 리액트의 특징: Component and State 리액트의 핵심 개념은 UI 구축하기 위한 “컴포넌트Component"의 사용이다. 컴포넌트는 버튼이나 인풋박스 등 인터페이스의 특정 요소를 나타내는 코드 조.. 프론트엔드 개발자가 사용하는 언어 인트로 프론트엔드 웹 개발은 웹사이트나 웹 애플리케이션의 시각적, 상호작용적 요소를 만드는 과정이다. 예전에 존재하던 퍼블리셔의 직무에 JavaScript가 함께 더해진 형태라고 생각한다. 재직 중인 회사에서는 서비스 기획자 → 서비스 디자이너 → 프론트엔드 개발자 순으로 업무가 내려온다. 서비스 기획자가 작성한 스토리보드와 디자이너가 만든 웹 디자인을 보고 '디자인'과 '상호작용'을 웹상으로 구현하는 것이 보편적이다. 프론트엔드 개발자가 사용하는 언어 종류 프론트엔드 개발자들이 사용하는 주요 언어는 HTML, CSS, 자바스크립트이다. 이 세 언어는 모든 현대 웹 개발의 기초를 형성하며 웹 사이트의 구조, 디자인 및 상호 작용을 만드는 데 필수적이다. HTML(Hypertext Markup Langua.. 이전 1 다음