본문 바로가기

쿤즈 Dev/JS HTML CSS31

[Javascript] 변수(Variables) vs 상수(Constants) 지난 포스팅에서는 Javascript가 무엇인지에 대해서 간략하게 알아보았습니다. 2021.04.03 - [쿤즈 Dev/HTML & CSS & Javascript] - [Javascript] Javascript 소개 및 여러가지 실행 방법 이제 실제 Javascript 프로그래밍을 하기위해 가장 먼저 알아보는 변수(Variables)와 상수(Constants)입니다. 이번 포스팅에서는 Javascript에서 사용하는 변수와 상수의 개념에 대해서 알아보고 직접 구현해 보도록 하겠습니다. Javascript 변수(Variables) 변수라 함은 변하는 값을 의미합니다. 어떤 구역(블록)에서 변수에 담기는 값이 변하고 달라질 수 있는 값을 의미합니다. 다음을 보도록 하겠습니다. let number = 3; 여.. 2021. 4. 6.
[Javascript] Javascript 소개 및 여러가지 실행 방법 이번 포스팅에서는 Javascript를 학습하기 위해서 이용할 수 있는 여러 가지 방법들에 대해서 알아보도록 하겠습니다. Javascript 소개 Javascript는 최근 굉장히 많이 사용되고 있는 프로그래밍 언어입니다. 웹 브라우저에서 동적으로 사용되는 부분들은 대부분 Javascript로 프로그래밍해서 보여줍니다. 그래서 오직 클라이언트에만 해당되는 프로그래밍이었습니다. 이제는 서버-사이드 프로그래밍 언어로도 사용이 되고 있습니다. React, React-Native, Angular, Nodejs 등 여러가지 개발 플랫폼에서 Javascript가 사용되고 있습니다. Javascript는 사용하기 편리하도록 개발된 프레임워크가 있습니다. 바로 jQuery입니다. 이 프레임워크는 서로다른 브라우저에서 .. 2021. 4. 3.
[Javascript] Array과 JSON 객체에서 length 구하기 요즘은 웹에서 사용하는 언어도 많이 사용하고 있죠. 그리고 Bootstrap과 같은 프레임워크에서도 jQuery를 걷어내고 순수한 Javascript(Vanila JS)를 사용하려 하고 있습니다. 그만큼 Javascript의 비중도 많이 커졌죠. 오늘은 Javascript를 사용하면서 Array와 JSON 객체에서 length를 구하는 방법을 알아보도록 하겠습니다. Array와 JSON 먼저 Array는 모든 언어에서 등장하는 구조입니다. 배열이라 불리는 이 구조는 하나의 변수에 여러 개의 값을 넣어주는 구조를 말합니다. 보통 중괄호([])로 표현합니다. Javascript에서의 배열은 여러 가지 타입을 모두 넣을 수 있습니다. 다음과 같이 말이죠 var myarrays = ['아이언맨', '32', '.. 2021. 1. 6.
새롭게 돌아올 Bootstrap 5! 그리고 사라진 jQuery와 새롭게 등장한 Vanilla JS! 부트스트랩은 웹 개발자들이나 디자인에 취약한 개발자들에게는 정말 놀랍도록 편리하게 디자인을 해주는 프레임워크입니다. 그리고 최근에 드디어 부트스트랩(Bootstrap) 5 의 알파(alpha) 버전이 등장하였습니다. 이번에는 어떤기능들과 디자인, 그리고 어떤것들이 사라지고 변화되었는지 하나씩 살펴보도록 하겠습니다. 사자린 jQuery! 새롭게 등장한 Vanilla JS! 학생때가 생각나네요. Javascript 를 공부하고 난 이후에 jQuery 를 접했을때는 정말 놀랍도록 혁명적이었습니다. 사용법도 편하고 사용을 안하는 곳이 없었으니까요.ㅎㅎ 그리고 필드에 나와보니 여러 사이틀들에서도 많이 사용하고 있는 것이 jQuery 였어요. 하지만 각 사이트마다 버전도 다르고 게다가 새로운 제품이 설치될때, 버전.. 2020. 8. 8.