본문 바로가기

웹 개념

(29)
[FTP] 파일질라를 이용해서 FTP 이용시 서버 접근이 안될 때 위의 이미지처럼 알맞게 설정을 하고, 파일질라로 접근해서 FTP를 이용하려고 하는데.. 접속이 안되고 대기시간 20초 초과로 만료되서 연결 실패가 뜬다고 할 때!! 나의 IP접근이 거부된 상태일 수 있습니다. 제가 스타벅스 공용 WIFI로 이용하다 보니 공인IP라서(?) 닷홈 자체에서 막은 듯 합니다. 닷홈 고객센터에서 문의해서 풀 수도있고 보통 자기 개인 핫스팟은 차단되지 않으니까 그거를 잠시 연결해서 이용할 수 있습니다. 이거 때문에 30~40분 날린듯 ㅠㅠ😂😂😂😂😂😂  짜잔 개인 핫스팟 이용해서 접근하니까 잘되는 모습~~🤩🤩
[SSH] 서버 접속 하는 방법 정리 https://chatgpt.com/share/673be494-6ea8-8000-a310-1374a2a148a3 ChatGPT - Kubernetes 클러스터 선택Shared via ChatGPTchatgpt.com  들어가기 전에 SSH가 뭔지 간단하게 설명... SSH (Secure Shell)**는 네트워크를 통해 원격 시스템에 안전하게 접속할 수 있도록 해주는 프로토콜입니다. 주로 서버에 로그인하거나 서버 간 데이터를 안전하게 전송하는 데 사용됩니다. SSH는 데이터를 암호화하여 보안성을 높이고, 비밀번호나 공개 키 기반 인증을 통해 로그인할 수 있습니다. SSH의 주요 용도:원격 접속: 다른 컴퓨터나 서버에 명령을 실행하기 위해 안전하게 접속할 수 있습니다.파일 전송: scp나 sftp 명령어를..
프론트 문제 - 오답 정리 문제1: 다음 설명으로 올바르지 않은 것은?옵션:null: 사용자가 null값을 변수에 할당한 경우(빈 값이라는 의미)undefined: 변수를 선언하고 값을 할당하기 전의 값이며, 변수에 값이 할당되어 있지 않은 상태undeclared: 변수를 선언하였으나 선언한 변수의 값이 null일 경우NaN: "Not a Number"의 약어이며, 컴퓨터에서 숫자로 나타낼 수 없을 때 나타내는 표시정답: 3번 undeclared: 변수를 선언조차 하지 않은 경우 (올바르지 않은 설명)문제2: Vue.js에서 v-bind 디렉티브의 역할은 무엇입니까?설명: Vue.js에서 v-bind 디렉티브는 HTML 속성을 동적으로 바인딩할 때 사용됩니다. 예를 들어, v-bind는 href 속성을 바인딩하고, v-bind는 ..
웹 최적화 정리 ! 이미지 지연 로딩 - 분석 툴1.  Network 패널 Perfornance 패널, Lighouse 패널2. 크롬 개발자 도구의 Coverage 패널3. Squoosh - 서비스 이미지 압축 도구4. PurgeCss - 사용하지 않는 css를 제거해주는 툴 Intersection Observer - 브라우저 제공 api: 웹 페이지의 특정 요소를 관찰하면 페이지 스크롤 시, 해당 요소가 화면에 들어왔는지 아닌지 알려 준다.  ### Intersection Observer 적용 코드import React, {useRef, useEffect} from 'react'function Card(props) { const imgRef = useRef(null); useEffect(() => { const op..
맨날 헷갈리는 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..

728x90