본문 바로가기

국문/프론트엔드

(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..