위키원
"프런트엔드"의 두 판 사이의 차이
juju0990304 (토론 | 기여) |
juju0990304 (토론 | 기여) |
||
| 2번째 줄: | 2번째 줄: | ||
== 개요 == | == 개요 == | ||
| − | + | 2010년대까지만 하더라도 '프런트엔드 웹 개발'이라는 말은 아주 익숙한 용어는 아니었다. 하지만 대부분의 웹 개발자들이 웹사이트는 물론이고, 백엔드 웹 애플리케이션까지 개발해야 했던 시절은 이미 지났다. 프런트엔드에 앵귤러(Angular), 리액트(React), 뷰(Vue)와 같은 최신 프레임워크가 도입되었고, 브라우저에서는 불가능하다고 생각되었던 수많은 기능을 지원하는 최신 브라우저가 등장했으며, 웹지엘(WebGl)과 같은 그래픽 엔진까지 나타나면서 개발자들은 이제 프런트엔드 개발에 좀 더 집중할 수 있게 되었다.<ref>〈[http://blog.wishket.com/%ec%83%9d%ec%82%b0%ec%84%b1%ec%9d%84-%eb%b9%a0%eb%a5%b4%ea%b2%8c-%eb%86%92%ec%97%ac%ec%a3%bc%eb%8a%94-%ed%94%84%eb%9f%b0%ed%8a%b8%ec%97%94%eb%93%9c-%ea%b0%9c%eb%b0%9c-%ed%88%b4-10%ea%b0%80%ec%a7%80/ 생산성을 빠르게 높여주는, 프런트엔드 개발 툴 10가지]〉, 《위시캣》 , 2020-04-08</ref> | |
| + | |||
| + | 프론트엔드는 사용자 인터페이스를 가지고 동작하며 프로그램 인터페이스와 서비스의 최초 사용자와 관련된 특성을 나타내는데 사용되는 용어이다. 여기서 “사용자”란 사람 또는 프로그램이 될 수 있다. 프론트엔드 응용프로그램은 사용자들과 직접 상호작용을 하는 프로그램이다. 프론트엔드 응용프로그램은 사용자와 직접 인터페이스할 수 있으며, 요구된 데이터를 얻거나 요구된 서비스를 수행하기 위하여 원격지의 다른 컴퓨터에 위치한 백엔드 프로그램으로 요구를 전달한다. 클라이언트/서버 컴퓨팅 모델과 비교한다면, 프론트엔드는 클라이언트로, 백엔드는 서버로 이해할 수 있다.<ref>프런트엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3476764&cid=58439&categoryId=58439</ref> | ||
== 비교 == | == 비교 == | ||
| 8번째 줄: | 10번째 줄: | ||
: 간단하게 퍼블리싱을 주로 하는 사람을 뜻한다. 퍼블리싱은 웹 사이트를 제작할 때, 웹 디자이너가 디자인한 것을 웹 표준성과 접근성에 부합하도록 재정리하는 것이다. 퍼블리셔는 퍼블리싱을 목표로 웹 디자인 작업과 코딩으로 웹 사이트를 제작하고 편집하는 일을 한다. 사실 퍼블리셔는 우리나라에서만 사용하는 단어로, 프런트엔드 개발자와 구분 짓기 위해 사용된다. 퍼블리셔가 되면 주로 HTML과 CSS 중심의 업무를 담당하게 된다.<ref>〈[http://blog.wishket.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-vs-%EC%9B%B9-%ED%8D%BC%EB%B8%94%EB%A6%AC%EC%85%94-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C/ 프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?]〉, 《위시캣》 , 2020-02-14</ref> | : 간단하게 퍼블리싱을 주로 하는 사람을 뜻한다. 퍼블리싱은 웹 사이트를 제작할 때, 웹 디자이너가 디자인한 것을 웹 표준성과 접근성에 부합하도록 재정리하는 것이다. 퍼블리셔는 퍼블리싱을 목표로 웹 디자인 작업과 코딩으로 웹 사이트를 제작하고 편집하는 일을 한다. 사실 퍼블리셔는 우리나라에서만 사용하는 단어로, 프런트엔드 개발자와 구분 짓기 위해 사용된다. 퍼블리셔가 되면 주로 HTML과 CSS 중심의 업무를 담당하게 된다.<ref>〈[http://blog.wishket.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-vs-%EC%9B%B9-%ED%8D%BC%EB%B8%94%EB%A6%AC%EC%85%94-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C/ 프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?]〉, 《위시캣》 , 2020-02-14</ref> | ||
* '''백엔드''' | * '''백엔드''' | ||
| − | : 클라이언트와는 직접 대면하지 않으나, 프런트엔드 프로그램과 연동하여 기술적인 기능을 하는 프로그램을 말한다. 프런트엔드와는 반대되게 | + | : 클라이언트와는 직접 대면하지 않으나, 프런트엔드 프로그램과 연동하여 기술적인 기능을 하는 프로그램을 말한다. 프런트엔드와는 반대되게 사용자 인터페이스 없이 프로세스 형태로만 존재한다. 백엔드 응용프로그램은 보통 요구되는 자원들에 가깝게 있거나 또는 요구되는 자원들과 교신할 수 있는 능력을 가지는 등을 통해 프런트엔드 서비스를 간접적으로 지원한다. 프런트엔드와 직접 상호 작용할 수 있지만, 보다 일반적인 것은 중간에 또 다른 프로그램이 개입되어 프론트엔드와 백엔드의 활동을 조정한다.<ref>백엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3473496&cid=58439&categoryId=58439</ref> |
{{각주}} | {{각주}} | ||
| 16번째 줄: | 18번째 줄: | ||
* 〈[http://blog.wishket.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-vs-%EC%9B%B9-%ED%8D%BC%EB%B8%94%EB%A6%AC%EC%85%94-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C/ 프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?]〉, 《위시캣》 , 2020-02-14 | * 〈[http://blog.wishket.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-vs-%EC%9B%B9-%ED%8D%BC%EB%B8%94%EB%A6%AC%EC%85%94-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C/ 프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?]〉, 《위시캣》 , 2020-02-14 | ||
* 백엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3473496&cid=58439&categoryId=58439 | * 백엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3473496&cid=58439&categoryId=58439 | ||
| + | * 〈[http://blog.wishket.com/%ec%83%9d%ec%82%b0%ec%84%b1%ec%9d%84-%eb%b9%a0%eb%a5%b4%ea%b2%8c-%eb%86%92%ec%97%ac%ec%a3%bc%eb%8a%94-%ed%94%84%eb%9f%b0%ed%8a%b8%ec%97%94%eb%93%9c-%ea%b0%9c%eb%b0%9c-%ed%88%b4-10%ea%b0%80%ec%a7%80/ 생산성을 빠르게 높여주는, 프런트엔드 개발 툴 10가지]〉, 《위시캣》 , 2020-04-08 | ||
== 같이 보기 == | == 같이 보기 == | ||
* [[백엔드]] | * [[백엔드]] | ||
| + | * [[인터페이스]] | ||
{{인터넷|검토 필요}} | {{인터넷|검토 필요}} | ||
2020년 7월 29일 (수) 13:05 판
프런트엔드(front end)란 컴퓨터와 사용자 사이의 인터페이스(I/F) 부분을 말한다. '앞단', '뷰단'(view端) 또는 '사용자단'이라고 부른다. 웹사이트의 디자인, 메뉴, 폰트, HTML, CSS, 자바스크립트 등이 있다. 반대말은 백엔드(back end)이다.
개요
2010년대까지만 하더라도 '프런트엔드 웹 개발'이라는 말은 아주 익숙한 용어는 아니었다. 하지만 대부분의 웹 개발자들이 웹사이트는 물론이고, 백엔드 웹 애플리케이션까지 개발해야 했던 시절은 이미 지났다. 프런트엔드에 앵귤러(Angular), 리액트(React), 뷰(Vue)와 같은 최신 프레임워크가 도입되었고, 브라우저에서는 불가능하다고 생각되었던 수많은 기능을 지원하는 최신 브라우저가 등장했으며, 웹지엘(WebGl)과 같은 그래픽 엔진까지 나타나면서 개발자들은 이제 프런트엔드 개발에 좀 더 집중할 수 있게 되었다.[1]
프론트엔드는 사용자 인터페이스를 가지고 동작하며 프로그램 인터페이스와 서비스의 최초 사용자와 관련된 특성을 나타내는데 사용되는 용어이다. 여기서 “사용자”란 사람 또는 프로그램이 될 수 있다. 프론트엔드 응용프로그램은 사용자들과 직접 상호작용을 하는 프로그램이다. 프론트엔드 응용프로그램은 사용자와 직접 인터페이스할 수 있으며, 요구된 데이터를 얻거나 요구된 서비스를 수행하기 위하여 원격지의 다른 컴퓨터에 위치한 백엔드 프로그램으로 요구를 전달한다. 클라이언트/서버 컴퓨팅 모델과 비교한다면, 프론트엔드는 클라이언트로, 백엔드는 서버로 이해할 수 있다.[2]
비교
- 웹퍼블리셔
- 간단하게 퍼블리싱을 주로 하는 사람을 뜻한다. 퍼블리싱은 웹 사이트를 제작할 때, 웹 디자이너가 디자인한 것을 웹 표준성과 접근성에 부합하도록 재정리하는 것이다. 퍼블리셔는 퍼블리싱을 목표로 웹 디자인 작업과 코딩으로 웹 사이트를 제작하고 편집하는 일을 한다. 사실 퍼블리셔는 우리나라에서만 사용하는 단어로, 프런트엔드 개발자와 구분 짓기 위해 사용된다. 퍼블리셔가 되면 주로 HTML과 CSS 중심의 업무를 담당하게 된다.[3]
- 백엔드
- 클라이언트와는 직접 대면하지 않으나, 프런트엔드 프로그램과 연동하여 기술적인 기능을 하는 프로그램을 말한다. 프런트엔드와는 반대되게 사용자 인터페이스 없이 프로세스 형태로만 존재한다. 백엔드 응용프로그램은 보통 요구되는 자원들에 가깝게 있거나 또는 요구되는 자원들과 교신할 수 있는 능력을 가지는 등을 통해 프런트엔드 서비스를 간접적으로 지원한다. 프런트엔드와 직접 상호 작용할 수 있지만, 보다 일반적인 것은 중간에 또 다른 프로그램이 개입되어 프론트엔드와 백엔드의 활동을 조정한다.[4]
각주
- ↑ 〈생산성을 빠르게 높여주는, 프런트엔드 개발 툴 10가지〉, 《위시캣》 , 2020-04-08
- ↑ 프런트엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3476764&cid=58439&categoryId=58439
- ↑ 〈프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?〉, 《위시캣》 , 2020-02-14
- ↑ 백엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3473496&cid=58439&categoryId=58439
참고자료
- 프런트엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3476764&cid=58439&categoryId=58439
- 〈프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?〉, 《위시캣》 , 2020-02-14
- 백엔드 지식백과 - https://terms.naver.com/entry.nhn?docId=3473496&cid=58439&categoryId=58439
- 〈생산성을 빠르게 높여주는, 프런트엔드 개발 툴 10가지〉, 《위시캣》 , 2020-04-08
같이 보기
