IT 의 모든것

프론트엔드 개발자 프론트엔드의 의미를 제대로 알아보자 취업 가능 교육처

다우 의 일상 2024. 2. 7. 14:32
반응형

 

안녕하세요~~

 

 

 

어제오늘 날씨가 다시 추워지고 있습니다.

며칠전에 롱패딩을 넣을까 고민했었는데

그 고민을 확 날려주는 추위입니다 ㅎㅎ

여러분도 모두 외출하실 땐 단도리 잘 하시길 바라요!!!

 

 

 

 

 

 

⏬ ⏬ ⏬ ⏬ ⏬ ⏬⏬ ⏬ ⏬ ⏬ 상담문의 ⏬ ⏬ ⏬ ⏬ ⏬⏬ ⏬ ⏬ ⏬ ⏬

 

클릭클릭!!!

 

⏫ ⏫ ⏫ ⏫ ⏫ ⏫⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫⏫ ⏫ ⏫ ⏫ ⏫

 

 

 

 

프론트엔드의 의미

 

프론트엔드란 무엇일까요??

포토샵이나 영상편집 등을 해보신 분들은 아마 들어보셨을 수도 있을 거예요.

하지만

"프론트엔드"라는 단어 자체를 처음 들어보신 분들도 계실텐데요,

걱정하지 마세요! 제가 정확히 알려드리겠습니다!

 

프론트엔드란 웹/앱 개발에 있어 눈에 보이는 모든 부분을 개발하는 것을 의미합니다.  

원어인 영어로 Front-end 입니다.

Front는 "앞" , end는 "끝"을 의미하죠.

쉽게말해

눈에 보이는 "앞"부분을 "끝"장낸다!

라고 생각하시면 편합니다 ㅎㅎ

 

앞이 있으면 뒤도 있겠죠??

뒤는 백엔드 라고 합니다.

백엔드에 대해서는 다음 포스팅에 할 예정입니다.

다음 포스팅도 기대해주세요!!!

 

 

 

 

그럼 이제 프론트엔드의 의미에 대해 알았으니

어떻게 활용되는지 알아볼께요.

 

이해하기 쉽게 예를 들어 볼께요.

우리가 다음 홈페이지를 들어가면

이렇게 화면이 뜨죠.

 

 

 

이렇게 사이트에 들어와 보니 검색창, 뉴스, 광고 등 많은 부분들이 자리를 잡고 있는데요,

이를 해당 사이트의 UI(인터페이스)라고 부릅니다.

 

프론트엔드 개발자는 이 UI를 개발하는 것이죠.

 

어떻게 만들면 사람들이 쉽게 정보를 찾을까

어떻게 만들면 사람들이 편하게 머물다 갈까

어떻게 만들면 사람들이 재밌는 시간을 보낼까

 

검색창과 뉴스의 모양, 크기, 글꼴 심지어 글의 배치까지

프론트엔드 개발자들의 고심 끝에 나온 결과물인 것이죠.

 

홈페이지 화면 뿐만 아니라 만약 뉴스를 클릭하면 나오는

뉴스 화면도 프론트엔드 개발자가 할 일입니다.

어찌보면 당연한 것이죠. 다 눈에 보이는 부분이니까요!

 

 

 

 

그럼 이제 어떻게 만드냐

무엇을 가지고 만드냐

가 궁금하실 있을 텐데요,

 

프론트엔드 개발자가 되기 위해

필수적으로 익혀야 하는

프로그래밍언어는

 

HTML

CSS

JavaScript(JS) 자바스크립트

 

이렇게 세 가지입니다.

 

 

하나씩 알아보자면,

HTML은 웹에서 제목, 단락 등을 만드는데 사용됩니다.

한마디로 웹의 기본 틀을 만든다고 생각하시면 편합니다.

 

CSS는 HTML로 만든 기본 틀에 웹의

글꼴, 레이아웃, 스타일 등을 설정하는데 사용됩니다.

한마디로 웹을 꾸며주는 역할을 하는 것이죠.  

 

 

 

 

 

 

마지막으로 JavaScript(JS)는 웹 개발의 꽃입니다.

역할은 웹사이트에 움직이는 효과를

주는 프로그래밍언어입니다.

예를들면 마우스를 가져다 대면 그 부분이 커진다던지

또는 광고 화면이 자동으로 바뀌는 장면 등

웹이 심심하지 않게 움직임을 주는 것이지요.

그런데

이 JS가 왜 꽃이냐

바로 JS의 라이브러리인 JQuery(제이쿼리)

JS의 프레임워크인 Node.js(노드) 와 React.js(리엑트)

를 배울 수 있기 때문입니다.

 

여기서 라이브러리는 도서관을 생각하지면 좋습니다.

도서관에서 내가 필요한 책을 꺼내보는 것처럼

JQuery에서 만들어진 여러 JS의 작업물을 꺼내서

바로바로 사용할 수 있습니다.

 

프레임워크는 라이브러리보다 좀 큰 개념이지만

바로 꺼내 사용할 수는 없습니다.

프레임워크는 프레임이란 말처럼

웹제작의 큰 틀을 제공합니다.

그 속을 내가 조금만 채우면 되는 것이지요.

 

보시면 아시겠지만

웹개발의 핵심은

JavaScript(JS)

입니다.

JQuery(제이쿼리)와 Node.js(노드)와 React.js(리엑트)는

사실상 자바스크립트의 확장판이라

자바스크립트를 점점 심화공부해 간다고 생각하시면 됩니다.

그리고

이 자바스크립트를 얼마나 잘 다루느냐에 따라

연봉이 달라지기 때문에!!

프론트엔드 개발자는

JavaScript(JS)

의 숙련도가 매우 중요합니다.

 

 

 

 

⏬ ⏬ ⏬ ⏬ ⏬ ⏬⏬ ⏬ ⏬ ⏬ 상담문의 ⏬ ⏬ ⏬ ⏬ ⏬⏬ ⏬ ⏬ ⏬ ⏬

 

클릭클릭!!!

 

⏫ ⏫ ⏫ ⏫ ⏫ ⏫⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫ ⏫⏫ ⏫ ⏫ ⏫ ⏫

 

 

 

그런데 이 자바스크립트

앞의 HTML이나 CSS보다 다루기가 까다로워요.

그래서 혼자하기에는 무리가 따르는 게 사실입니다.

특히 비전공자에게는 더욱 그렇구요.

전공자라해도 어려운 건 마찬가지입니다.

 

 

그래서 어려운 프론트엔드 개발자과정을 교육처에서 배울 수 있으면 좋겠죠??

그 중에 IT전문교육기관인

코리아IT아카데미 대구점을 소개해드립니다!

 

 

 

 

보시다시피

우수훈련기관이기 때문에

교육의 질은 걱정하지 않으셔도 됩니다!

체계적인 커리큘럼과 실무에 전문적인 강사님들이

여러분을

프론트엔드 개발자로 만들어 드릴 것입니다!!!

 

 

 

 

 

이제 학원 시설도 한번 보셔야죠??

 

 

 

 

 

학원 시설도 정말 좋죠??

여기서 공부하면 공부가 절로 된답니다 ^^

 

 

 

코리아IT아카데미 대구점의 장점으로

 

1 : 1 멘토 시스템

취업지원프로그램

 

이 있습니다!!!

 

 

 

공부를 하다가 궁금하신 점이 있다면

바로바로 멘토에게 물어볼 수 있습니다!

그리고

공부를 다 했다고 끝이 아니라 본인의 의지만 있다면

취업까지 끝까지 책임져 드립니다!

 

 

 

 

 

 

더 궁금하신 점이 있으시면

아래의 전화번호로 전화문의를 주시거나

사진을 클릭해서 상담문의를 남겨주시기 바랍니다!

 

 

☎ 053) 710 - 5892

 

 

http://daegu-koreahackerscampus.co.kr/curriculum/app/frontend.asp

 

 

 

 

 

 

오시는 길 : 대구지하철 1,2호선 반월당역 13번 출구 바로 앞 건물 10층

(광개토병원과 같은 건물)

 

https://map.kakao.com/?target=car&eX=859886&eY=660906&eName=%EC%BD%94%EB%A6%AC%EC%95%84IT%EC%95%84%EC%B9%B4%EB%8D%B0%EB%AF%B8%20%EB%8C%80%EA%B5%AC%EC%A0%90&from=total&ids=,P161371947&rtIds=,P161371947

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형