[개념 정리] Ajax란? JSON란?

Ajax란 Javascript의 라이브러리 중 하나이며(Asynchronous Javascript And Xml) 즉, JavaScritp를 사용한 비동기 통신, 클라이언트와 서버 간에 XML 데이터를 주고받는 기술이다. 동작원리 Ajax를 이용한 웹 응용 프로그램은 자바스크립트 코드를 통해 웹 서버와 통신을 하게 됩니다. 따라서 사용자의 동작에는 영향을 주지 않으면서도 백그라운드에서 지속해서 서버와 통신할 수 있게 됩니다. 왼쪽 그림의 는 다음과 같은 순서로 진행됩니다. ① : 사용자에 의한 요청 이벤트가 발생합니다. ② : 요청 이벤트가 발생하면 이벤트 핸들러에 의해 자바스크립트가 호출됩니다. ③ : 자바스크립트는 XMLHttpRequest 객체를 사용하여 서버로 요청을 보냅니다. 이때 웹 브라우저는..

• format_list_bulleted 개념 정리
• · 2019. 12. 6.
• textsms

[개념 정리] 콘솔vs터미널vs쉘의 차이

콘솔 - 하드웨어 (물리적으로 직접 호스트에 붙어있는 장치) 터미널 - 소프트웨어 (호스트와 통신하는 소프트웨어) 쉘 - 유저와 커널사이를 이어주는 명령어 해석기 콘솔 터미널 - 콘솔을 이용하여 띄운 터미널 원격 터미널 - 다른 호스트의 콘솔 혹은 에뮬레이션된 시스템에서 네트워크로 접속해서 띄운 터미널 ex) 보안적인 측면 때문에 어떤 시스템은 원격에서의 접근은 제한하고 있다. 콘솔에서만 접근할 수 있도록 허락하고 있다. 참고로 콘솔이라는 용어와 커맨드 라인이라는 용어는 똑같다(window os 기준) 단, 맥이나 리눅스에서는 커맨드라인이라는 말대신 터미널이라는 용어를 사용한다. 도움이 된 사이트 https://kldp.org/node/137110 콘솔과 터미널 쉘에 대한 정확한 개념 좀 잡아주시면 감사..

• format_list_bulleted 개념 정리
• · 2019. 12. 5.
• textsms

[개념 정리] kernel과 shell이란 무엇일까?

커널 : hardware를 제어하는 운영체제의 핵심 *hardware => ex) 메모리, 하드디스크, SSD, CPU 등... 쉘 : 사용자가 명령을 입력하면 그 명령을 커널이 이해할 수 있도록 기계어로 전달하는 프로그램 유저와 커널사이를 이어주는 명령어 해석기라고 보면 되겠다. 쉘에는 여러종류가 있고, 다양한 쉘을 선택해서 사용할 수 있다. 요약: 커널을 직접적으로 제어하는 것은 굉장히 어려운 일이기 때문에 사람이 이해하기 쉬운 형태의 명령어를 shell에 입력해서 해석한 후 커널에게 전달해준다. 도움이 된 사이트 https://opentutorials.org/course/2598/14203 쉘과 커널 - 생활코딩 수업소개 사용자가 명령을 입력하면 그 명령을 컴퓨터가 이해할 수 있도록 하는 프로그램이..

• format_list_bulleted 개념 정리
• · 2019. 12. 5.
• textsms

[javascript] javascript로 날짜형태 바꾸기 + Json 날짜형식 변경

프로젝트 진행 중 백에서 값을 받아와 프런트로 바로 넘겨줘야 하는 일이 생겼다. 코드를 잘못 짠 거 같지만 경험으로 삼고 이대로 가보자 문제는 AJAX를 사용해서 날짜 형태가 JSON으로 바껴서 "yyyy-MM-ddTHH:mm:ss.XXX+XXXX"형식으로 나온다. 앞선 형식을 "yyyy-MM-dd HH:mm:ss" 형태로 변경을 해야 한다. 문제가 되는곳 해결방안은 총 두개를 찾았다. 첫 번째 라이브러리를 사용하는것! https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().f..

• format_list_bulleted javascript
• · 2019. 12. 3.
• textsms

[Spring boot] Modal 적용 3가지 방법

Modal적용 3가지 방법 필요한 상황에 따라 사용하시면 될 거 같습니다. bootstrap을 사용한다는 가정하에서의 2가지와 javascript만으로 만든 modal입니다. 우선은 bootstrap으로 만드는 간단한 방법입니다. 데이터를 넣지 않는 항상 똑같은 값을 가지고 있는 모달에서 사용하시면 됩니다. 1. 결과물 tables.jsp Ready to test x test Cancel jsp안 body 하단에 위치해줍시다. 주의 사항은 a 태그에 data-target과 Moa Modal에 id를 맞춰야 합니다. 간단하죠~ 두 번째입니다. 이번에는 jsp을 하나를 더 추가해줘서 내용만 따로 적는 방법입니다. 모달의 껍데기만 모달이 나올 본문에 위치하고 내용물만 따로 jsp로 만들어 다른곳에서 제어한다고..

• format_list_bulleted spring boot
• · 2019. 12. 3.
• textsms

[javascript] 클립보드(clipboard.js) 사용방법

Project 수행 중 버튼으로 clipboard를 이용해야 하는 상황이 왔다 현재상황 다음은 w3school 예제다 이 경우는 script에서 id로 값을 가져와 값을 선택해서 복사하는 형태다 하지만 내 경우는 버튼이 저렇게 많아서 id를 쓰지도 못하고 버튼마다 value값을 넣어줘서. select() 메소드를 사용하지도 못한다. .select()는 input 태그일 경우 w3school에서는 우리가 드래그 -> ctrl + s라는 과정을 javascript로 만든 것이다. 그래서 난 이 방법을 선택했다. https://twpower.github.io/81-use-clipboard.js-in-javascript [Javascript] clipboard.js를 이용해 웹에서 클립보드에 복사하기 Pract..

• format_list_bulleted javascript
• · 2019. 12. 2.
• textsms