본문 바로가기

IT/JavaScript

(23)
자바스크립트 쉽고 빠르게 재미있게 배우는 방법 요약 자바스크립트는 현재 웹 개발 분야에서 가장 인기 있는 프로그래밍 언어 중 하나이며 javaScript 언어 하나만 할 줄 알아도 정말 다양하고 신기한 여러가지 프로그래밍을 할 수 있답니다! 2023년에 왜 자바스크립트를 배워야 하는지, 자바스크립트를 배우면 무엇을 할 수 있는지는 아래 블로그 글에 정말 자세하게 써두었으니까 한번만 읽어봐주세요! 2021.02.05 - [IT/JavaScript] - 프로그래밍 언어 자바스크립트를 추천하는 이유 프로그래밍 언어 자바스크립트를 추천하는 이유 오늘은 개발자로서 제가 가장 오래 사용하였고 자주 사용하는 언어인 자바스크립트로 할 수 있는 것들을 간단하게 소개하고 프로그래밍 입문 언어로써 제가 해당 언어를 가장 추천하는 이유를 html6.tistory.com 이제 ..
toggle boolean value in javascript 오늘은 자바스크립트에서 불리언(boolean) 값을 거꾸로 뒤집는 방법에 대해서 간단하게 알아보고자 합니다. 굉장히 많은 방법이 있지만 호출시점마다 boolean value 를 toggle 하는 가장 간단한 방법은 아래 코드로 보입니다. let myBoolean = true; myBoolean = !myBoolean; // toggle the value console.log(myBoolean); // outputs false 이를 간단하게 설명드리자면 아래와 같습니다! 첫째 줄에서 myBoolean 변수를 true로 초기화합니다. 둘째 줄에서 ! 연산자를 사용하여 myBoolean의 값을 뒤집습니다. ! 연산자는 불리언 값에 대해 부정(negation)을 수행합니다. 즉, true는 false로, fal..
2023년에 jQuery 를 배우고 사용해야할까? 2023년 새해가 밝았는데 아직도 현업을 포함한 많은 커뮤니티에서 jQuery 를 써야하는지, 배워야하는지 등 여전히 얘기가 종종 보이곤 합니다. 오늘은 예전 자바스크립트 라이브러리 생태계의 종결자이자 황제였던 제이쿼리를 지금 시점에 배우는게 좋을지, 배워야 할 필요가 있는지와 제이쿼리의 장점과 단점에 대하여 빠르게 알아보도록 하겠습니다. jQuery는 10년 이상 지속된 프런트 엔드 개발을 위해 널리 사용되는 인기 있는 라이브러리입니다. React.js 및 Vue.js와 같은 더 새롭고 현대적인 프레임워크가 기능과 성능 면에서 jQuery를 능가했지만, jQuery는 특정 작업과 프로젝트에 있어서 여전히 장점과 단점을 가지고 있습니다. - 제이쿼리의 장점 1. 배우기 쉬움 jQuery는 특히 프런트엔드..
프로그래밍 언어 자바스크립트를 추천하는 이유 오늘은 개발자로서 제가 가장 오래 사용하였고 자주 사용하는 언어인 자바스크립트로 할 수 있는 것들을 간단하게 소개하고 프로그래밍 입문 언어로써 제가 해당 언어를 가장 추천하는 이유를 짧게 설명하고자 합니다. 우선 초보 개발자 입문 언어로 자바스크립트를 추천하는 이유는 아래와 같습니다. 1. 프로그래밍 언어 중 입문 난이도가 가장 낮은 편입니다. - C , C++, JAVA 등 전통적이고 오래된 언어보다 굉장히 입문이 쉽고 사용하기 편합니다. - 유명한 프로그래밍 언어 비교 밈 중 하나인 hello world 비교 밈만 보더라도 동일한 작업을 하려고 해도 언어마다 Line 수나 해야 되는 작업이 차이 있다는 걸 알 수 있습니다. 자바스크립트는 메이저 프로그래밍 언어 중에는 파이썬과 함께 가장 짧고 간결하게..
자바스크립트 배열 자르기(JavaScript Array Slice) 자바스크립트의 배열을 자르는 정석적인 방법은 보통 내장 메서드인 slice 메서드를 사용하는것입니다. slice() 메서드는 어떠한 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환하는 메서드 입니다. 이때 중요한 것은 얕은 복사본을 반환 하며 원본 배열은 바뀌지 않습니다. 구문은 아주 간단한데 아래와 같습니다. array.slice([begin[, end]]) [간단 요약] array 는 자르기를 할 원본 배열 객체명이며, begin 에는 자르기를 시작할 배열의 첫 자리수가 들어가고 end 에는 추출을 종료할 배열의 자리수 입니다. [자세한 설명] begin : 0을 시작으로 하는 추출 시작점에 대한 인덱스를 의미합니다. 양수로 begin 인덱스를 지정하는 ..
자바스크립트(JavaScript) 논리 연산자 ( ||, &&, ! ) 설명 오늘은 자바스크립트의 논리 연산자에 대하여 짧고 간단하게 설명드리고자 합니다. 보통의 언어에서 논리 연산자는 Boolean (true / false) 값을 반환합니다. 하지만 자바스크립트에서 논리 연산자는 피연산자 중 하나의 값을 반환하는 용도로도 자주 사용됩니다. 말로 설명하니 복잡해 보이는데요. 예제와 함께 코드로 보시면 아주 쉽고 빠르게 이해하신 후 실제 코드에서 사용하실 수 있습니다. 우선 간단하게 논리 연산자 코드는 총 3가지로 분류됩니다. 연산자 표기법 구문 구문 치환 설명 논리 AND && example1 && example2 example1 AND example2 example1 이 true 인 경우 example2 을 반환하고 그렇지 않은 경우 example1을 반환 논리 OR || ex..
React vs Vue vs Angular ( JS Framework 간단 비교 ) 오늘은 자바스크립트 프레임워크 중 가장 유명한 React / Vue / Angular 특징과 함께 간단하게 비교해보도록 하겠습니다. 우선 각 프레임워크의 간단한 특징은 아래와 같습니다. React - 웹 뿐만 아니라 앱 개발에도 사용 ( React Native ) - 페이스북이라는 거대한 업체의 지원 - 가장 거대한 커뮤니티 - Virtual Dom HomePage : reactjs.org/ Repository : github.com/facebook/react Vue - 가장 적은 러닝커브 ( jQuery 등에 익숙한 기존 개발자도 가장 편하게 도입 가능 ) - 가볍고 빠르게 개발이 필요하다면 추천 - Evan You 라는 개인이 프로젝트 리더 - 2019년에 메인 리더인 Evan You 의 홍콩 시위 ..