Powered by the Tomorrow.io Weather API
[ 프리미엄 ] 코딩과 관련한 컨텐츠 및 뉴스를 공유합니다.

※ 파이썬 | Javascript | 꿀팁

[2.0.2.3 계묘년 흑토끼] 대박나세요! 자세히보기

코딩박사/중3~고3

Javscript 자바스크립트란 무엇일까요? (예시 위주 설명)

잇잇쌤 2022. 11. 26. 14:08
728x90
반응형
SMALL

안녕하세요~ 잇잇쌤입니다.

 

오늘은 자바스크립트에 대해서 어떤 언어인지 배워보도록 하려고 합니다. 

 

인구수 만큼 사용하는 언어의 순위도 달라지겠죠...언어

마찬가지로, 중국어 사람들이 많이 있기때문에, 중국어가 사용률 1위이듯이,

javascript도 웹을 가장 많이 사용하기에 1위라고 볼 수 있어요.

 

tiobe 2022 Indice TIOBE marzo 2022 – Mas que programar (wordpress.com)

개발 환경에 따라 다르지만 backend 언어 다음으로 가장 많이 쓰는 언어 VBA 와 JS 가 아닐까 하는데요.

 

 

파이썬, C, JAVA, C++, C# 경우는, backend 백엔드 언어였다면,,, javscript VISUAL BASIC은 frontend 프론트엔드 언어라고 볼 수 있어요.

backend, frontend 의 차이는 무엇일까요?

바로 사용자 모니터에 보이느냐 아니냐의 차이라고 볼 수 있어요. 그리고 숨은 백앤드 노력에 의해서 데이터가 움직이고있죠. 바로 80%로 코딩이 들어가야 바로소 웹 어플리케이션이 만들어 지게 됩니다.

자바스크립트는 우리가 매일 들어가는 네이버나, 구글, 모든 홈페이지는 웹언어로서 기본적으로 자바스크립트를 사용하고있습니다.

 

매일 보는 모바일 안드로이드 아이폰에서도 다 하이브리드 앱(웹으로만들어진 앱)의 방식으로 javscript 웹언어가 기본이겠죠.

물론, 모바일 앱에서는 다른언어를 사용하고 있더라도 javscript 방식의 웹 url 을 호출한다면 그것 또한 웹페이지 개발 이 된것이라고 볼 수 있겟네요.

 

그리고 Microsoft는 처음에 WINDOWS기반의 .NET기반의 프레임워크를 채택했기에, 웹언어가 아닌  스크립트언어 Visual basic VBA를 사용하고 있습니다.

 

자 그러면, 웹 환경의 google은 Chrome 환경에서 모든걸 웹환경으로 구축하였기에 EXCEL 과 마찬가지로 문서작업 툴이 있습니다. 물론 무료이구요. docs google docs라는 구글 spread 라는게 있는데요.

 

Google spread sheet의 캡쳐 화면입니다.

 

 

여기서도 VBA 의 매크로기능처럼  업무 자동화를 할 때, macro 를 구현할 때, 아무래도 웹언어로 시작했기에, JAVASCRIPT로 만들어서, 자동으로 엑셀에 있는 데이터를 사무자동화하기 위해서 구현하기도 합니다.

 

여기까지는 그냥 서론이었구요~

 

자 , 그럼 웹언어의 기초 3가지 언어만 할면 웹언어가 무엇인지를 알게 되는데요.

 

웹언어 HTML/ CSS/ JAVSCRIPT 이 세가지입니다.

 

REACT, Django 같은 언어들은 최근에 나온 언어이구요. 

w3school javscript tutorial
버튼을 누르면 이미지가 변경됩니다.

이렇게 이미지의 색깔을 버튼을 눌러서 동작하게 만들어줍니다. 그리고 화면상에 BACKEND로 코딩된 데이터를 object id를 찾아서 화면상에 알맞게 보이도록 HTML 을 만들어주는 역할을 합니다..

 

다음시간에 자바스크립트에 대해서 좀 더 자세히 배워보도록 하겠습니다.

자바스크립트는 잇잇쌤 블로그를 구독해주시는 분에 한하여 무료로 강의계획서를 보내드리니, 구독 부탁드리겠습니다.

 

출처: https://www.bing.com/images/search?view=detailV2&ccid=O6D5dl5H&id=280F69D67A4BD6806BC6190F634B34E101D8B35A&thid=OIP.O6D5dl5HPK_UeTf2g8bjRgHaDt&mediaurl=https%3a%2f%2fblog.back4app.com%2fwp-content%2fuploads%2f2019%2f07%2fbackend-frontend.png&exph=1024&expw=2048&q=backend+frontend&simid=608025661334752444&FORM=IRPRST&ck=E7417A3CE9B8A7EA6BF8C7B861274FC5&selectedIndex=6&mode=overlay

 

backend frontend - Bing

Bing은 지능적인 검색 기능은 사용자가 원하는 정보를 빠르게 검색하고 보상을 제공합니다.

www.bing.com

출처 : Google Sheets API Javascript – Sheetsu

 

Google Sheets API Javascript – Sheetsu

Use Sheetsu to simplify using Google Sheets API in Javascript. Don't waste time on OAuth authorization, database design and maintenance.

sheetsu.com

 

출처: Indice TIOBE marzo 2022 – Mas que programar (wordpress.com)

728x90
반응형
Powered by the Tomorrow.io Weather API