반응형 자바스크립트12 자바스크립트 Arrow Function 자바스크립트 Arrow Function Arrow Function은 함수를 정의하는 새로운 방법이다. 이런 게 언제 생겼는지 모르겠다. 사실 전문 웹프론트 개발자가 아닌 "나" 이기에... 새로운 문법이나 몰랐던 방법을 보게 되면 바로바로 기억해서 써먹어보고자 노력하는 편이다. 오늘은 화살표 함수에 대해 알아본다. 화살표 함수를 사용해 함수를 정의하면 기존 함수 선언식이나 함수 표현식에 비교해 구문이 짧아진다는 장점이 있다. 화살표 함수 내의 this는 언제나 상위 스코프 this를 가리킨다. 예제 // 함수 선언식 function hello(str){ return "Hello, " + str } // 함수 표현식 const hello2 = function (str){ return "Hello, " + .. 2023. 7. 16. JSON 개요와 JSON 데이터 유효성 검사 사이트 jsonlint.com JSON 개요와 JSON 데이터 유효성 검사 사이트 jsonlint.com https://jsonlint.com/ The JSON Validator JSONLint is the free online validator and reformatter tool for JSON, a lightweight data-interchange format. jsonlint.com 프론트 개발자와 백엔드 개발자로 나누어 프로젝트를 진행하는 게 유행이 되어가고 있다. 두 영역간 통신 포맷은 90% JSON으로 한다. GJSON이나 비슷한 좋은 라이브러리가 있지만, 가끔 잘못 포맷된 JSON으로 고생하기도 하는 일도 벌어진다. 일하고 있는 프로젝트 환경이 인터넷이 된다면 JSON 데이터가 의심된다면 jsonlint.com에서 .. 2023. 1. 10. 슬기형의 자바스크립트 기초강의 - 변수 var, let, const 07 슬기형의 자바스크립트 기초강의 - 변수 var, let, const 07 이전 강의 2023.01.07 - [Web Front 개발공부/HTML과 JAVASCRIPT] - 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 이번 포스팅은 모달 창 구현이다. 모달, 팝업 골이 타분하게 구분하지는 않겠다. 개념도 다들 제각각이다. 누군가는 모달을 부모 - 자식 ecolumbus.tistory.com 자바스크립트는 ECMAScript의 명세를 따른다. ES1을 시작으로 현재는 ES2021 버전까지 나온 상태다. 자바스크립트는 다른 언어와는 다르게 느슨한 타입을 가진 언어이므로 자유도 (타입추.. 2023. 1. 9. 슬기형의 자바스크립트 기초강의 - 문자열 공백처리 04-2 슬기형의 자바스크립트 기초강의 - 문자열 공백처리 04-2 이전 강의 2022.12.30 - [Web Front 개발공부/HTML과 JAVASCRIPT] - 슬기형의 자바스크립트 기초강의 - 문자열 다루기 04-1 슬기형의 자바스크립트 기초강의 - 문자열 다루기 04-1 슬기형의 자바스크립트 기초강의 - 문자열 다루기 04-1 이전 강의 [Web Front 개발공부/HTML과 JAVASCRIPT] - 슬기형의 자바스크립트 기초강의 - 확인 및 취소 다이얼로그 03 슬기형의 자바스크립트 기초 ecolumbus.tistory.com 문자열 양 끝의 공백을 제거해 보자. 트리밍 작업이라고 한다. trim()메서드는 문자열의 양 끝 공백을 제거하고 반환한다. 공백은 스페이스, 탭, 줄 바꿈 문자가 해당된다. 단.. 2023. 1. 8. 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 이번 포스팅은 모달 창 구현이다. 모달, 팝업 골이 타분하게 구분하지는 않겠다. 개념도 다들 제각각이다. 누군가는 모달을 부모 - 자식 창 관계라고 말하고, 부트스트랩 기준으로 보면 맞는 말이다. 팝업은 어떤 내용을 강제로 유저에게 알리는 기능을 말한다. 그런데 어떤 사이트 또는 프로젝트를 가면 모달이란 단어를 모르는 사람들도 많다. 팝업과 알림을 같은 것으로 이해하는 사람들도 많다. 머든 관계없다. 이번에 구현할 기능은 메인화면에서 버튼을 클릭하면 모달 창이 뜨고, 그 창에서 또 버튼을 클릭 통신을 해오는 정도의 기능을 구현해 본다. 참고로 fetch 기능을 사용해 https://baconipsum.com 사이트에서 api로 data를 받아와 예.. 2023. 1. 7. 슬기형의 자바스크립트 기초강의 - JSON 문자열 객체로 변환하기 05 슬기형의 자바스크립트 기초강의 - JSON 문자열 객체로 변환하기 05 JSON.parse()를 사용해 JSON 데이터를 해석하고 자바스크립트로 객체로 변환할 수 있다. JSON은 수년간 가장 많이 사용하는 프론트와 백엔드 데이터 형식이므로 꼭 숙지할 필요가 있다. 미리 준비해둔 JSON 데이터를 버튼을 눌러 HTML TAG에 바인딩하는 예제로 간단한 기능을 구현해 본다. 소스 슬기형의 자바스크립트 기초강의 - JSON 문자열 객체로 변환하기 JSON데이터를 바인딩하기 학생 수 : 0 학년: 0 반명 : 0 결과 2023. 1. 7. 이전 1 2 다음 반응형
