본문 바로가기

전체 글

[TIL] 2024-05-14 var,let,const var,let,const 자바 스크립트에서 변수를 선언하기 위한 키워드  var a = 10;console.log(a) // 10var a = 11;console.log(a) // 11 변수를 다시 선언해도 문제가 안되고 실행을 해줌 => 기존에 선언한 변수를 까먹으면 실수 발생가능성이 높아짐이를 보완하기 위해 es6에 추가된 변수 선언 방식이 const,let let : 중복 선언 불가능 / 재할당 가능const : 중복 선언 불가능 / 재할당 불가능 //let 예시let a = 10console.log(a) // 10let a = 11console.log(a) // Uncaught SyntaxError: Identifier 'a' has already been declareda = 12 console.. 더보기
[TIL] 2024-04-25 aws 외부도메인 (가비아) 연결 + SSL 인증 aws route53 > 호스팅 영역에서 가비아 도메인 입력후 퍼블릭 영역으로 설정> 생성하면 레코드 유형 ns,soa생성된다.> 여기 ns의 값/트래픽 라우팅 4개를 가비아에 가서 네임서버 설정 유형에 1234차에 넣어줌> 네임서버 등록 완료 후 aws acm 들어가서 인증서 요청 ( 이거 할때 동부에서 해야함 무적권 )> 구입한 도메인 넣고 dns검증 하고 cname 발급 후 등록하는 절차가 필요함!> 인증서에 들어가면 route53 레코드 생성 버튼있음> 가비아에서도 똑같이 cname설정 해주고 cloudfront로 넘어감> cloudfront에서 생성 한 다음 대체 도메인에 cname넣어주고> route53에 레코드 생성 해서 레코드 유형 A , 별칭 활성화 , 선택 잘 골라주고 접속해보면 잘 된다. 더보기
[TIL] 2024-04-24 s3 웹 호스팅 1. 버킷 생성리전을 선택하고 S3 서비스로 접근한 후 '버킷 만들기' 메뉴를 통해 새로운 버킷을 생성한다. 2. arn 복사 및, 정적 웹사이트 설정 켜기버킷의 속성탭 웹사이트 호스팅 편집  3. 권한 설정권한탭으로 넘어간다. 설정해줄것 1. 퍼블릭 액세스 차단 해제2. 버킷 정책 활성화 4. index.html 올리기이후 최상단에  index.html 및 모든 파일 구조 똑같이 업로드 더보기
[TIL] 2024-04-23 기술 면접 대비 Q. 객체지향 프로그래밍 객체 지향 프로그래밍 : 상태(데이터)와 그 데이터를 조작하는 프로세스(메서드)가 같은 모듈 내부에 배치되는 프로그래밍 방식그럼 이걸 왜 써야하냐? 캡슐화 : 객체에 데이터와 메서드를 묶어 외부의 접근을 막는다. 상속 : 이미 있는 클래스의 필요부분을 재사용 하고 새로운 기능을 넣을 수 있다. 다형성 : 하나의 객체(클래스)가 다양한 형태로 동작하는것을 의미 = 동일한 함수 명을 사용해도, 클래스마다 그 메서드가 다르게 동작함 추상화 : 공통된 부분을 모아 상위 개념으로 새롭게 정의 불필요한 세부 사항을 생략하고, 중요한 특징만을 강조함으로써 코드를 더욱 간결하고 관리하기 쉽게 만듦 결과적으로 정리해서 생각해보자면객체 지향 프로그래밍방식으로 코드를 작성하.. 더보기
[TIL] 2024-04-22 기술 면접 대비 Q. 동기와 비동기의 차이를 설명해주세요 동기 (Synchronous): 동기적인 작업은 순차적으로 실행됩니다. 즉, 한 작업이 완료되기를 기다렸다가 다음 작업을 수행합니다. 호출한 함수 또는 작업이 완료될 때까지 대기합니다. 예를 들어, 함수를 호출하고 그 함수가 실행을 마치기를 기다렸다가 그 결과를 반환하는 것이 동기적인 작업입니다. 비동기 (Asynchronous): 비동기적인 작업은 순차적으로 실행되지 않습니다. 즉, 한 작업이 완료될 때까지 기다리지 않고 다음 작업을 수행할 수 있습니다. 호출한 함수 또는 작업이 완료될 때까지 기다리지 않고 다른 작업을 계속할 수 있습니다. 주로 이벤트 핸들링, 네트워크 요청, 파일 읽기/쓰기 등과 같은 비동기 작업에서 사용됩니다. Q. Deadlock이란 무엇.. 더보기
[TIL] 2024-04-19 기술 면접 대비 Q. 그래프와 트리를 설명하고 둘의 차이점을 설명해 주세요 그래프(Graph): 그래프는 정점(Vertex)들과 이를 연결하는 간선(Edge)들의 집합으로 이루어진 자료구조입니다. 간선은 두 정점을 연결하며, 이 연결은 방향성이 있을 수도 있고 없을 수도 있습니다. 그래프에서는 사이클(Cycle)이 발생할 수 있습니다. 즉, 한 정점에서 시작하여 다시 해당 정점으로 돌아오는 경로가 있는 경우를 말합니다. 그래프는 여러 가지 종류가 있습니다. 무방향 그래프(Undirected Graph)와 방향 그래프(Directed Graph)가 가장 일반적인 유형입니다. 무방향 그래프에서는 간선이 방향을 가지지 않으며, 방향 그래프에서는 간선에 방향이 존재합니다. 예시: 소셜 네트워크에서 친구 관계를 나타내는 그래프,.. 더보기
[TIL] 2024-04-18 Access denied for user ''@'172.17.0.1' (using password: NO) 오늘 만난 에러 docker환경으로 db를 연결시키려는데 자꾸 연결이 실패한다. 해당 연결 부분은 const AppDataSource = new DataSource({ type: 'mysql', host: process.env.host, port: process.env.port, username: process.env.username, password: process.env.password, database: 'optimization', entities: [User, Market, News, Raffle, UserRaffle, Calendar, Shoes], synchronize: true, logging: false, }); 이런식으로 연결해주고 있었는데 자꾸 연결이 안되더란다.... 찾아보니 무슨 비.. 더보기
[TIL] 2024-04-17 기술 면접 대비 Q. Promise란 무엇인지 설명해주세요. promise란 비동기 작업을 다루기 위한 객체 => 특정 작업이 완료될 때까지 기다리지 않고 다른 작업을 실행할 수 있게 해준다. promise의 세가지 상태는 대기, 이행 , 거부의 세 단계로 작업 미완료 , 작업 완료 , 작업 실패를 의미한다. 과거 js에서는 비동기 처리를 위해 콜백 함수를 사용함으로 코드를 작성해 왔으나 콜백 함수를 사용하면 코드가 복잡하고 가독성이 떨어지는 문제가 발생했고 또한 여러 비동기 작업의 순서를 만들때는 중첩 콜백으로 코드가 깊어지면서 콜백 지옥에 빠지게 되는 현실이었다. 이런 상태를 효과적으로 제어 하고 깔끔한 코드를 작성하게 해주는게 promise이다. Q. async/await 이란 무엇인지 설명해주세요. async 란.. 더보기

티스토리툴바