본문 바로가기

분류 전체보기49

서버리스(serverless) 이해하기 서버리스는 영어로 serverless입니다. server(서버)+less(없는)지만, 사실 서버가 없는 것은 아닙니다. 서버를 클라우드 서비스가 대신 관리해줘서 개발자나 운영자가 서버를 관리하는 데 드는 부담이 줄어든다는 의미입니다. 즉, 개발자는 자신의 서비스 로직 작성에만 집중할 수 있게 되는 것입니다. 서버리스 컴퓨팅을 할 때는 이전 장의 AWS EC2나 Google Compute Engine과는 다르게 VM 인스턴스를 미리 구매해야 합니다. 단순히 코드를 업로드한 뒤, 사용량에 따라 요금을 지불하면 됩니다. 24시간 작동할 필요가 없는 서버인 경우, 서버리스 컴퓨팅을 사용하면 필요한 경우에만 실행되어 요금을 절약할 수도 있습니다. AWS와 GCP는 클라우드 서비스의 대표주자답게 다양한 서버리스 서.. 2024. 1. 13.
NPM이란? 1. npm 알아보기 npm은 Node Package Manager의 약어로, 이름 그대로 노드 패키지 매니저입니다. 대부분의 자바스크립트 프로그램은 패키지라는 이름으로 npm에 등록되어 있으므로 특정 기능을 하는 패 키지가 필요하다면 npm에서 찾아 설치하면 됩니다. npm에는 60만 개(2018년 5월 기준)에 달하는 패키지가 등록되어 있습니다. 이는 세계 최대 규모입니다. 방대한 양의 패키지들은 노드와 자바스크립트의 생태계를 더욱 견고하게 만들고 있습니다. 게다가 대부분 오픈 소스여서 노드를 사용해 웹을 개발할 때 많은 도움이 됩니다. npm에 업로드된 노드 모듈을 패키지라고 부릅니다. 모듈이 다른 모듈을 사용할 수 있는 것처럼, 패키지가 다른 패키지를 사용할 수도 있습니다. 이런 관계를 의존 관계.. 2024. 1. 13.
jquery json을 form으로, form을 json으로 // 테스트 html 코드 이름: 이메일: 나이: JSON으로 변환 1. json -> form form 데이터를 forEach 문으로 돌려서 json에 넣어 주었다. 결과는 아래와 같이 나온다. { "name": "John", "email": "john@example.com", "age": "25" } 2. json -> form // 가상의 JSON 데이터 예시 var jsonData = { name: "John Doe", email: "john@example.com", age: 25 }; // JSON 데이터를 폼에 설정 $.each(jsonData, function(key, value) { $('form#detail [name=' + key + ']').val(value); }); 마찬가지로 js.. 2024. 1. 13.
data attribute와 dataset 노드를 웹 서버로 사용하는 경우, 클라이언트(프런트엔드)와 빈번하게 데이터를 주고받게 됩니다. 이때 서버에서 보내준 데이터를 프런트엔드 어디에 넣어야 할지 고민이 됩니다. 프런트엔드에 데이터를 내려보낼 때 첫 번째로 고려해야 할 점은 보안입니다. 클라이언트를 믿지 말라는 말이 있을 정도로 프런트엔드에 민감한 데이터를 내려보내는 것은 실수입니다. 비밀번호 같은 건 절대 내려보내지 않도록 합시다. 보안과 관련이 없는 데이터들은 자유롭게 프런트엔드로 보내도 됩니다. 자바스크립트 변수에 저장해도 되지만 HTML5에도 HTML과 관련된 데이터를 저장하는 공식적인 방법이 있습니다. 바로 data attribute입니다. Zero Nero Hero Kero 위와 같이 HTML 태그의 속성으로, data-로 시작하는 .. 2024. 1. 7.

티스토리툴바