콩부 = 코딩 + 공부

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

Serialize 와 SerializeArray Serialize 와 SerializeArray 에 대해 알아보자 우선, 둘다 JQuery에서 제공하는 직렬화 메소드 이다. Jquery(제이쿼리)란? 자바스크립트 라이브러리이다. html 요소를 간단하고 편리하게 사용할 수 있는 기능이 내재되어있다. 자바스크립트는 동적인 기능을 구현할 수 있지만, 코드가 너무 길어지고 복잡해지는 단점을 가지고 있다. 제이쿼리를 사용하면 같은 기능도 더 간략하고, 단순한 코드로 구현할 수 있다! 즉, 제이쿼리에는 자바스크립트의 코드를 단순하게 변경하고 Html 요소를 간단하게 구현할 수 있다는 라이브러리라고 생각하면 된다. 주로 JSP 개발할 때 자주 사용한다 :) 제이쿼리에 대해서도 간단하게 알아보았으니 Serialize..

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 파일도 추가로 유효성 체크를 할 수 있게 해달라고 해서소스를 수정하게 되..