본문 바로가기

웹 개념

 (25)
맨날 헷갈리는 PaaS, IaaS, SaaS 요약 PaaS (Platform as a Service)설명: 애플리케이션 개발 및 배포를 위한 플랫폼을 제공하는 서비스.예시: Heroku, Google App Engine.주요 기능: 개발 환경, 데이터베이스 관리, 미들웨어 등.IaaS (Infrastructure as a Service)설명: 가상화된 컴퓨팅 자원을 제공하는 서비스.예시: Amazon Web Services (AWS), Microsoft Azure.주요 기능: 서버, 스토리지, 네트워크 자원.SaaS (Software as a Service)설명: 인터넷을 통해 소프트웨어를 제공하는 서비스.예시: Google Workspace, Salesforce.주요 기능: 소프트웨어 접근, 유지관리, 업데이트.각 서비스의 핵심은 다음과 같습니다:Pa..
WinSPC SFTP 오류코드 : 3 Permission Denied 해결방법 기준 환경 AWS EC2 ubuntu ubuntu OS Web Server 1 . 고급 -> 전송설정규칙 에서 전송모드를 자동으로 변경해준다. 다음과 같이 전송모드 설정 2 . 업로드 옵션에서 권한 오류 무시 체크를 해준다. 권한 오류 무시 설정 체크. 여기까지가 보편적인 오류코드 3에대한 해결방법이다. 여기까지가 보편적인 WinSPC의 오류코드 3에 대한 해결책이다. 필자도 그랬듯이 이 방법이 적용되지 않을 수 있다. 그런 경우는 다음 순서를 따라주면 된다. 우선 sshd 설정 으로 들어가준다. $ nano /etc/ssh/sshd_config vim 혹은 vi 혹은 nano 자신이 사용하는 에디터 지정을 해주면 된다. 만약 permission denied가 되면 앞에 sudo를 붙여준다.(필자는 na..
[FE & WEB] 웹 개념 - cs, js[질&답식] - [2] 1부에 이어서 써가려고 한다. 물어볼만한 질문을 답하는 형식으로 똑같이 진행할 것. 1. 질문) 프로토타입에 대해 설명해주세요. 2. 답변) 객체를 생성할 때, 해당 객체의 프로토타입으로서 동작하는 객체를 설정할 수 있습니다. 객체는 프로토타입으로부터 속성과 메서드를 상속받으며, 자신이 가지지 않은 속성이나 메서드를 프로토타입으로부터 찾을 수 있습니다. 이를 프로토타입 체인(Prototype Chain)이라고 합니다. 객체의 프로토타입은 __proto__라는 내부 속성으로 연결되어 있습니다. ES6(ES2015)부터는 Object.getPrototypeOf()와 Object.setPrototypeOf() 메서드를 사용하여 프로토타입을 다루는 더 쉬운 방법을 제공합니다. 자바스크립트에서 객체의 프로토타입은..
[FE & WEB] 웹 개념 - cs, js[질&답식] - [1] 기본적인 개념의에 대한 명칭을 까먹어가지고, 이번 면접에서 아는 개념임에도 불구하고 명칭을 까먹어 버려가지고, 대답을 너무 많이 못했다. 이김에 한 번 싹 정리하고, 면접 보기 전에 한 번 보고 갈려고 정리하고자 한다. 1. 질문) 브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? 1. 답변) 브라우저 주소창에 www.google.com을 입력하면 다음과 같은 일련의 과정이 발생합니다: ㅇ DNS 조회: 브라우저는 입력한 주소인 "www.google.com"을 IP 주소로 변환하기 위해 DNS(Domain Name System) 서버에 쿼리를 보냅니다. DNS는 도메인 이름을 해당 도메인의 IP 주소로 매핑하는 역할을 합니다. ㅇ IP 주소 얻기: DNS 서버는 "www.go..
[Web] 기술 인터뷰 회고 - 답을 제대로 못했던거 정리 - 버블링, 클린업 코드, useRef vs useState, 비동기 코드를 자바스크립트에서 쓸 수 있는 이유 문제의 의도를 직적접으로 묻지 않고, 코드나 상황이 주어지고, 의도를 알아채고 답변하는 형식으로 코딩 테스트 문제가 주어졌음. 문제는 정확히 기억 안나기에 문제를 예를 들어 설명은 못하겠고, 알아야 했던 개념을 뒤늦게 몇 개 떠올려서 다시 정리해보는 포스팅임 1. 버블링 console 찍는 값으로 e.target.focus, e.currentTarget.focus 를 value로 받는 두 버튼을 받는 부분인 문제가 있었음. 코드를 보고 의도도 모르고 주저리주저리 말했었는데 알고보니 버블링 관련 문제 였음. * 버블링이란? 버블링(Bubbling)은 이벤트 처리에서 발생한 이벤트가 해당 요소에서 시작하여 상위 요소로 전파되는 현상을 말합니다. 즉, 하위 요소에서 발생한 이벤트가 부모 요소, 그리고 부모 요..
[web] spa 만들기 저장용 index.html index.js import App from './App.js'; new App({$target: document.querySelector('.App')}); App.js import Header from './components/Header.js'; import HomePage from './page/HomePage.js'; import SignupPage from './page/SignupPage.js'; import {setPersonalInfo} from './components/Storage.js' class App { constructor() { this.$body = document.body; this.render(); } async render() { const head..
[web] 멀티파트 설명/의의 Using multipart/form-data format FormData To send the data as a multipart/formdata you need to pass a formData instance as a payload. Setting the Content-Type header is not required as Axios guesses it based on the payload type. const formData = new FormData(); formData.append('foo', 'bar'); axios.post('https://httpbin.org/post', formData); axios를 이용해서 헤더에 이진데이터를 이용할때는 멀티파트라는 개념이 있다. 이것을 이용해서 보내..
[web] ajax , axios 차이 Ajax와 Axios는 모두 JavaScript의 HTTP 요청을 처리하기 위한 라이브러리입니다. 그러나 Ajax는 기존에 사용되던 웹 개발 기술이고, Axios는 최근에 개발된 라이브러리입니다. Ajax는 Asynchronous JavaScript and XML의 약자로, 비동기적으로 서버와 데이터를 교환하기 위해 사용됩니다. Ajax를 사용하면 웹 페이지가 새로 고침되지 않고도 서버와 데이터를 주고받을 수 있습니다. 이를 통해 웹 페이지의 성능을 향상시키고, 보다 동적이고 인터랙티브한 사용자 경험을 제공할 수 있습니다. Ajax는 JavaScript와 XML을 주로 사용했지만, 최근에는 XML 대신 JSON을 더 많이 사용합니다. Axios는 현대적인 JavaScript 라이브러리로, Ajax와 비슷..
728x90

티스토리툴바