본문 바로가기
반응형

Web Front 개발공부57

웹스퀘어 공부하는 중 웹스퀘어 공부하는 중 최근에 일하게 된 프로젝트에서 웹스퀘어 프레임워크를 표준으로 사용한다고 한다. 분석 단계이기는 하지만 프로젝트 인원 중 몇몇은 불만의 소리를 내기도 한다. 뭘 하든 불만은 들려온다. 나는 프로젝트에서 특정 프레임워크나 라이브러리를 사용하라고 하면 딱히 불만은 없다. 특히 프론트 프레임워크나 라이브러리는 더욱 그렇다. 이유는 어차피 자바스크립트 기반이고 코어와 형태는 변하지 않는 법이다. 7년 전 쯤에 툴 이름을 들어봤던 기억은 나지만... 기억하고 싶지도 않다. 겸손함과 자만 이런 식상한 자세 따위는 언급할 필요도 없을 듯하다. SI바닥에서 사용하는 기술이라는 게 꽤 한정되어 있고 특별한 서비스가 아닌 ERP 주변에서 머무는 서브 시스템들의 서비스라는 게 로그인, 파일첨부, 로그, .. 2023. 2. 5.
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.
반응형

티스토리툴바