콩부 = 코딩 + 공부

자바스크립트 (JavaScirpt) 기초 정리 함수선언 , 파라미터, 아규먼트, 화살표함수, This 개념 JavaScript 란? 자바스크립트는 객체(Object) 기반의 스크립트 언어이다. 스크립트 언어란, 응용 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어이다. 자바스크립트 외에도 제이쿼리(jQuery), PHP, 파이썬(Python), 루비(Ruby) 등이 스크립트 언어에 해당한다! 이외에도 더 많은 스크립트 언어가 존재한다. 객체 지향 언어란, 객체 지향 언어를 사용해 프로그래밍을 하게 되면, 다수의 ‘객체’를 생성해 그 객체들이 서로 상호작용하며 프로그램을 구축하게 된다. 예를 들면, 우리의 몸을 구성하는 팔, 손, 목, 가슴, 배, 허리, 엉덩이, 허벅지, 무릎, 종아리, 발 등의 객체를 생성..

serialize() 와 serializeArray() 개념 정리 이번 글에서는 jQuery에서 자주 사용되는 serialize() 와 serializeArray() 메서드에 대해 정리해보았습니다. 둘다 JQuery에서 제공하는 직렬화 메소드이다. ✅ jQuery(제이쿼리)란? 제이쿼리는 자바스크립트를 좀 더 간단하고 간결하게 쓸 수 있도록 도와주는 라이브러리입니다.HTML 요소를 더 쉽게 선택하고 조작할 수 있도록 다양한 기능을 제공합니다. 예를 들어,자바스크립트로는 몇 줄이 필요한 코드를 jQuery 한 줄로 구현할 수 있어서,개발 속도와 코드 가독성 모두 개선할 수 있습니다.특히, JSP 개발을 할 때 jQuery를 자주 사용하게 됩니다. ✅ serialize / serializeArray ..

JavaScript vs ECMAScript 자바스크립트와 ECMAScript 의 차이점이 궁금해서 정리해 보았다. 둘의 차이점에 대해서 알아보자. 첫 번째, JavaScript는 프로그래밍 언어이고, ECMAScript는 프로그래밍 언어의 표준이다. ECMAScript는 JavaScript가 갖추어야 할 내용을 정리해둔 '설명서'이고, JavaScript는 ECMAScript를 준수해서 만들어낸 '결과물' 이라고 생각하면 된다. 참고로, ECMAScript가 JavaScript화 하기 위해 등장하긴 했지만, ECMAScript는 JavaScript 뿐만아니라 모든 스크립트 언어(scripting languages)가 지켜야 하는 표준이다. 두 번째, JavaScript는 ECMAScript를 기반이지만..

리액트 세팅 with 타입스크립트 React Setting with TypeScript 리액트 초기 세팅을 쉽게 하는 방법을 알아보자 언어는 타입스크립트 사용 리액트 초기 프로젝트 세팅 쉽게 하는 방법 1-2년전에 리액트 기초 문법 공부 및 아주 간단하고 쉬운 프로젝트를 해보았는데 이번에 회사에서 프론트 웹을 JSP 개발이 아닌 리액트 개발을 진행하게 됐다. 그래서 리액트로 공지사항 CRUD (리스트, 상세, 등록, 수정, 삭제)를 연습삼아 만들기로 했다. 아직 자바스크립트 ES6 문법도 어색한데 . . 리액트 + 타입스크립트 조합으로 만들기로 했다 . . 아무튼, 리액트 + 타입스크립트 프로젝트 세팅은 생각보다 간단하고 쉽다 ! 명령어 몇번만 치면 세팅이 된다. (후후) 내가 세팅 할 방법은, CRA(..

하나의 조건문에 여러가지 조건이 들어가 true/false 체크하는 방식에서 자바스크립트 배열을 이용하기 !   안녕하세요. 곧 만3년 되는 백엔드 개발자 입니다!점점 연차가 쌓이면서클린코딩, 좋은코드, 리팩토링 등관심이 많아지고 있는데요- 시간적 여유가 있을때에는좋은 코딩을 하려고 노력중 입니다.(회사가 si이다보니 쉽지가 않습니다 ㅠ____ㅠ) 그래서,오늘 소소하게 고쳐본 자바스크립트 리팩토링 소스를 공유 해보려고 합니다. 문제점이 있다면 꼭! 댓글로 알려주세요 👀 🔍 배경 JS(자바스크립트)에서 파일 업로드를 할 때, 원래 jpg와 jpeg만 업로드 할 수 있게 파일 유형 체크를 하고 있었다. 클라이언트가 png와 html 파일도 추가로 유효성 체크를 할 수 있게 해달라고 해서소스를 수정하게 되..