프론트엔드 vs 백엔드 vs 풀스택
-프론트엔드 : 웹 페이지 화면을 비롯한 클라이언트 영역
-백엔드 : 유저에게 보이지 않는 데이터베이스, API 등 서버 영역을 개발
-풀스택 : 프론트엔드 + 백엔드 개발 : 모두 다룰수 있는 개발자
프론트엔드 개발자 한걸음 더 ! (웹 개발자의 한 종류)
- 화면 외적 요소를 담당하며, 특히 자바스크립트로 프로그래밍 요소를 개발함
- 사용자에게 보이는 웹사이트 화면을 만들고, 사용자의 클릭, 드래그와 같은 동작에 따라 다양한 기능이 실행되도록 개발
ㅡ되기 위해서는 ? ( + 협업 능력, cs능력도 필요함 이유는 아래에..)
HTML ,CSS 지식은 기본에 추가로 자바스크립트 기본, 심화 지식 이 중요함 + 타입스크립트로 넓히고
React, Vue.js , Angular.js 와 같은 프론트엔드 라이브러리/ 프레임 워크대로 공부하는 것이 도움됨.
ㅡ하는 일은 ?
1. 화면에 데이터 잘 보여주기 (시맨틱, 접근성, 검색엔진 최적화 등 )
2. 화면에서 데이터 조작하기 (사용자의 이벤트 감지 및 분류 , 변경,조립, 데이터 출력)
3. 서버로 데이터 보내기 & 받은 데이터 다루기 ( 협업 능력, cs능력이 필요함 ★★★)
>> 백엔드가 만들어준 API양식에 맞춰서 전달함.
>>데이터 로딩, 중복 방지 등 중간 과정 처리, 서버 응답에 따른 문제 원인 확인, 해결 필요
4. 개발환경 관리 및 배포 (리드 또는 시니어)
프론트엔드 개발자 로드맵 ??
-CS ,프론트엔드 기술 이론 공부
-Github에 개인/ 팀 단위 프로젝트 작업
-코딩 테스트 (알고리즘)공부 <1순위 자바스크립트 >
-이력서 및 포트폴리오 준비
-과제 및 면접준비
나는 프론트엔드 개발자가 되고 싶다 ! 끊임 없이 공부 해야하는 직업 이다 !
나는 한다
'IT 정보' 카테고리의 다른 글
[소스트리] 클론 오류, Github연동 (깃허브 연동, SSH passphrase) (0) | 2024.01.15 |
---|---|
[입문] Git / Github 활용하기의 모든것 ! ( 설치, 설정 및 세팅,ssh key 등록 -윈도우 오류) 기본동작원리, 기본 용어 (0) | 2024.01.10 |
[IT] 프론트엔드 개발자와 백엔드 개발자 차이 (0) | 2023.12.13 |
깃허브 (github) 무엇인가 ? (0) | 2023.09.04 |
UI / UX 란 ? 웹 퍼블리싱이란? (0) | 2023.06.04 |