코딩 복습용 블로그 코딩 복습용 블로그

기준 환경 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..

1부에 이어서 써가려고 한다. 물어볼만한 질문을 답하는 형식으로 똑같이 진행할 것. 1. 질문) 프로토타입에 대해 설명해주세요. 2. 답변) 객체를 생성할 때, 해당 객체의 프로토타입으로서 동작하는 객체를 설정할 수 있습니다. 객체는 프로토타입으로부터 속성과 메서드를 상속받으며, 자신이 가지지 않은 속성이나 메서드를 프로토타입으로부터 찾을 수 있습니다. 이를 프로토타입 체인(Prototype Chain)이라고 합니다. 객체의 프로토타입은 __proto__라는 내부 속성으로 연결되어 있습니다. ES6(ES2015)부터는 Object.getPrototypeOf()와 Object.setPrototypeOf() 메서드를 사용하여 프로토타입을 다루는 더 쉬운 방법을 제공합니다. 자바스크립트에서 객체의 프로토타입은..

기본적인 개념의에 대한 명칭을 까먹어가지고, 이번 면접에서 아는 개념임에도 불구하고 명칭을 까먹어 버려가지고, 대답을 너무 많이 못했다. 이김에 한 번 싹 정리하고, 면접 보기 전에 한 번 보고 갈려고 정리하고자 한다. 1. 질문) 브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? 1. 답변) 브라우저 주소창에 www.google.com을 입력하면 다음과 같은 일련의 과정이 발생합니다: ㅇ DNS 조회: 브라우저는 입력한 주소인 "www.google.com"을 IP 주소로 변환하기 위해 DNS(Domain Name System) 서버에 쿼리를 보냅니다. DNS는 도메인 이름을 해당 도메인의 IP 주소로 매핑하는 역할을 합니다. ㅇ IP 주소 얻기: DNS 서버는 "www.go..

문제의 의도를 직적접으로 묻지 않고, 코드나 상황이 주어지고, 의도를 알아채고 답변하는 형식으로 코딩 테스트 문제가 주어졌음. 문제는 정확히 기억 안나기에 문제를 예를 들어 설명은 못하겠고, 알아야 했던 개념을 뒤늦게 몇 개 떠올려서 다시 정리해보는 포스팅임 1. 버블링 console 찍는 값으로 e.target.focus, e.currentTarget.focus 를 value로 받는 두 버튼을 받는 부분인 문제가 있었음. 코드를 보고 의도도 모르고 주저리주저리 말했었는데 알고보니 버블링 관련 문제 였음. * 버블링이란? 버블링(Bubbling)은 이벤트 처리에서 발생한 이벤트가 해당 요소에서 시작하여 상위 요소로 전파되는 현상을 말합니다. 즉, 하위 요소에서 발생한 이벤트가 부모 요소, 그리고 부모 요..

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..

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를 이용해서 헤더에 이진데이터를 이용할때는 멀티파트라는 개념이 있다. 이것을 이용해서 보내..

Ajax와 Axios는 모두 JavaScript의 HTTP 요청을 처리하기 위한 라이브러리입니다. 그러나 Ajax는 기존에 사용되던 웹 개발 기술이고, Axios는 최근에 개발된 라이브러리입니다. Ajax는 Asynchronous JavaScript and XML의 약자로, 비동기적으로 서버와 데이터를 교환하기 위해 사용됩니다. Ajax를 사용하면 웹 페이지가 새로 고침되지 않고도 서버와 데이터를 주고받을 수 있습니다. 이를 통해 웹 페이지의 성능을 향상시키고, 보다 동적이고 인터랙티브한 사용자 경험을 제공할 수 있습니다. Ajax는 JavaScript와 XML을 주로 사용했지만, 최근에는 XML 대신 JSON을 더 많이 사용합니다. Axios는 현대적인 JavaScript 라이브러리로, Ajax와 비슷..

position: relative 의미? ChatGPT "position: relative"는 CSS (Cascading Style Sheets)의 속성으로, HTML 요소의 위치를 상대적으로 설정하는 데 사용됩니다. 이 속성은 해당 요소를 기본 흐름에서 상대적으로 이동시킬 수 있게 해주며, 다른 요소들과의 상호작용을 가능하게 합니다. "position: relative"를 사용하면 해당 요소는 원래 위치를 기준으로 상대적으로 이동됩니다. 이동은 "top", "bottom", "left", "right" 속성을 사용하여 지정할 수 있습니다. 예를 들어, 다음과 같은 CSS 코드를 사용하면 요소가 원래 위치에서 오른쪽으로 20픽셀, 아래로 10픽셀 이동합니다. css Copy code .element { ..