개발하는 인사담당자 개발하는 인사담당자

■ 자바스크립트 클래스 사용하기{ "compilerOptions": { "target": "ESNext", "module": "ESNext", "skipLibCheck": true, "outDir": "dist", "strict": true, "moduleDetection": "force", "allowJs": true }, "include": ["src"]} 타입스크립트에서 자바스크립트를 사용하고자 한다면allowJs : true 설정을 하면 include 안에 있는 src 에서 JavaScript 도 허용한다는 뜻이다. 필드class Student { // 필드 : 클래스가 만들어낼 객체의 프..

다음 프로젝트가 React + TypeScript 사용 프로젝트여서 공부하고자 한다. ■ TypeScript 란? 타입스크립트는 마이크로소프트 및 C# 창시자인 덴마크 개발자 앤더스 하일스버그를 통해 만들어졌다. 같은 개발자로부터 탄생해서 두 언어간 비슷한 점이 꽤 있다고 한다. 이런 타입스크립트는 자바스크립트의 확장된 버전이라고 생각하면 된다.즉, 이전의 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련된 기능들이 추가된" 형태이다. 그렇다면 왜 이런 타입에 대한 기능을 추가했을까? 기존의 JavaScript 는 웹브라우저에서만 사용이 가능했기 때문에개발자들이 보다 자유롭게 문법을 구사하고 사용하게 했다. 그런데 javaScript 의 실행환경, node.js 가 나옴으로써,기존의 웹..

■ 자바스크립트 자료형 타입 자바스크립트 자료형 타입은 크게 원시 타입과 객체 타입으로 나눌 수 있다. ■ 원시 타입(불변값) vs 객체 타입(가변값) 원시 타입과 객체 타입은 값이 저장되고 복사되는 것이 차이가 있다. 원시 타입은 값 자체로 변수에 저장되고 복사되고,객체 타입은 참조값을 통해 변수에 저장되고 복사된다. 원시 타입은 지금처럼 값이 저장되고 복사될 때 메모리에 각각 할당된다.또한 값의 변경이 있을 경우 다음과 같이 원본 데이터는 그대로 두고,새로운 메모리 값을 할당해 주는 것이다. 즉, 원시 타입은 실제 메모리 값은 수정되지 않는 불변값 인 것이다. 반대로 객체 타입은 값이 변수에 할당되어서 복사 저장할 때, 같은 참조값을 가지게 된다. 객체 타입은 가변값 으로 불리는 것이다. ..

spring 을 통해 jsp 를 사용하면서 구동되는 순서가 헷갈렸다. Java / jsp / JavaScript / JQuery 에 대한 개념이 명확하지 않다는 결론과 동시에 정리해보고자 한다. ■ Java / jsp / JavaScript / JQuery 개념 - JAVA (자바_서버) : 여러 소프트웨어를 생성하는 객체지향 프로그래밍 언어이다. 보안성이 뛰어나고, javascript와 다르게 서버에서 실행되는 언어이다. - JSP (JAVA Server Pages_서버) : HTML내에 직접 자바코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에게 돌려주는 서버 측 웹 프로그래밍 중 하나이다. - JavaScript (자바스크립트_클라이언트) : 정적인 웹 문서에 동작을 부여하는..

■ json 배열 그냥 내보내면 ajax 가 형식이 맞지 않아 못받기 때문에 json 으로 바꿔준다. json 객체를 만들어주고 배열도 만들어준다. 그리고 리스트 맵타입을 제이슨 배열에 담아준다. 이 배열을 다시 json 에다 담아주고 출력해주면 정상 출력된다. * 에러해결 나의 경우 배열에 list 를 담지 않아서 뜨지 않았다. 추후에 다음과 같이 사용하여 페이징 처리할 예정이다. 이제 json 에 넣고 출력하면 다음과 같이 나온다. 즉 다음과 같이 객체 안에 객체가 있는 형태이다. 안에 값을 변수를 통해 부를 수 있으며 객체 안의 객체는 변수의 배열로 부를 수 있다. 다음과 같이 글이 안이쁘게 나온다. json 형태로 예쁘게 보여줄 수 있다. https://chrome.google.com/websto..