하루 한 걸음, 개발 블로그

리액트와 타스로 리포트 만들기 시작! 타스 처음 써본다!! 새로운 프로젝트 생성 npx create-react-app "이름" —template typescript npm i --save react react-dom typescript npm i --save-dev @types/react @types/react-dom @types/node 나는 여기서 원격 리포지토리와 연결함 git remote add origin https://github.com/123456soobin-choi/adCampaign.git git branch -M main git push -u origin main npm start로 빌드하고 시작해도 tsconfig.json이 생기지 않았다. npx tsc --init 이렇게 하면 ts..

react native로 달력 만들기 https://velog.io/@colagom/React-Native%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EC%97%86%EC%9D%B4-calendar-%EB%A7%8C%EB%93%A4%EA%B8%B0Level2 React Native를 이용해 라이브러리 없이 calendar 만들기(Level2) 기능1. 캘린더에 현재 연,월을 출력하고 이 전 달의 날짜 및 이 후 달의 날짜 일부를 출력 기능2. 상단 좌우버튼을 통해 전월, 익월을 캘린더에 출력 기능3. 캘린더에 특정 날짜를 선택하면 원을 velog.io https://velog.io/@leobang1..

1. 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요 const 키워드는 변수에 할당된 값을 변경할 수 없게 만듭니다. 하지만 배열이나 객체에 요소나 속성을 추가하는 것은 해당 변수에 새로운 값을 할당하는 것이 아니라, 변수가 참조하는 메모리 영역에서 값이 변경되는 것입니다. 이러한 경우에는 const로 선언된 배열이나 객체도 요소나 속성을 추가할 수 있습니다. ex) 배열에 요소 추가 const arr = [1, 2, 3]; arr.push(4); // [1, 2, 3, 4] 위 예제에서 const로 선언된 arr 변수는 변경할 수 없습니다. 하지만 push 메서드를 사용하여 배열의 요소를 추가할 수 있습니다. 이는 push 메서드가 배열 자체를 변경하기 ..

1. 브라우저 저장소에 대해서 차이점을 설명해주세요(local storage, session storage, cookie) 브라우저 저장소는 클라이언트 측에서 데이터를 저장하기 위한 방법. 1. 쿠키(Cookie) 쿠키는 이름, 값, 만료일 및 경로 정보와 같은 작은 문자열 데이터를 저장하는 데 사용됩니다. 쿠키는 서버에서 생성하고 브라우저에 저장되며, 브라우저에서 요청 시 서버로 전송됩니다. 쿠키는 일반적으로 인증, 세션 관리 및 개인화된 사용자 경험에 사용됩니다. 2. 로컬 스토리지(Local Storage) 로컬 스토리지는 쿠키와 달리 서버와 통신하지 않고 브라우저에 데이터를 저장합니다. 로컬 스토리지는 브라우저에서 생성되며, 영구적으로 데이터를 저장합니다. 로컬 스토리지는 데이터의 이름과 값을 저..

[programmers] 최대공약수와 최소공배수 function solution(n, m) { var answer = []; let gcd = 1; let lcm = 1; // n과 m중 작은 수와 같아질 때까지 반복하여 '두 수를 동시에 나눌 수 있는 수'구하기 for (let i = 2; i

오늘 한 일 면접 및 과제 [x] 4시 화상면접 → 까먹고 녹음은 못함. [ ] 면접 기술 질문 posting [ ] React Native App ⭐️ [ ] React Native App posting [서류 준비] 이력서, 자소서, 포트폴리오 노션 이력서, 자소서 ⭐️ [x] 이력서 [x] 자소서 채용사이트 이력서 등록 [x] 점핏 [x] 원티드 2월 취업대비반 개인 [x] 이력서 수정 ⭐️ [x] 지원 인증 팀원 [x] 이력서 페어 리뷰 [ ] 모의 면접 데일리 과제 & 포스팅 [x] position 을 어떻게 사용하는지 알려주세요. [x] this 가 동작하는 원리와 용법을 아는대로 설명해주세요. 평소 코드 중에서는 어떤 부분에서 가장 큰 차이가 생기나요? Daily To Do [x] wante..

Web Socket이란? WebSocket은 웹 브라우저와 웹 서버 간의 양방향 통신을 지원하는 프로토콜입니다. 기존에는 클라이언트에서 서버로 요청을 보내고, 서버에서 클라이언트로 응답을 보내는 단방향 통신이었지만, WebSocket을 이용하면 클라이언트와 서버 간의 양방향 통신이 가능해집니다. WebSocket은 HTTP를 기반으로 하며, TCP를 사용하여 실시간 양방향 통신을 제공합니다. HTTP와 달리, 클라이언트와 서버 간의 연결을 유지하여 데이터를 전송할 수 있습니다. 이를 통해, 서버는 클라이언트로 데이터를 즉시 보낼 수 있으며, 클라이언트는 언제든지 서버로 데이터를 보낼 수 있습니다. WebSocket은 실시간 채팅, 온라인 게임, 주식 시장, 알림, 스트리밍 등 다양한 웹 애플리케이션에서 ..

WebRTC 란? WebRTC(Web Real-Time Communication)는 웹 브라우저에서 실시간 음성 통화, 영상 통화, 파일 공유 등의 기능을 제공하는 오픈 소스 프로젝트입니다. 웹 기술을 사용하여 통화를 시작하고, 통화 중인 두 사용자 간에 통화 데이터를 전송하며, 통화 종료를 관리하는 API를 제공합니다. 즉, 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를 포착하고 마음대로 stream할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는 기술입니다. WebRTC는 일반적으로 브라우저에서 JavaScript 및 HTML5과 같은 웹 기술을 사용하여 구현됩니다. 이 기술은 특별한 소프트웨어나 브라우저 플러그인을 설치할 필요 없이 웹 애플리케이션에서 실시간 음성..

SockJs란? SockJS는 WebSocket 프로토콜의 대안으로 사용되는 브라우저 클라이언트와 웹 서버 간의 양방향 통신을 지원하는 자바스크립트 라이브러리입니다. WebSocket은 브라우저 클라이언트와 웹 서버 간의 양방향 통신을 지원하지만, 모든 브라우저에서 지원되지는 않습니다. SockJS는 WebSocket이 지원되지 않는 브라우저에서도 양방향 통신을 가능하게 하기 위해 개발되었습니다. SockJS는 다양한 전송 프로토콜을 지원합니다. 이를 통해, 브라우저와 웹 서버 간에 최적의 프로토콜을 선택하여 통신할 수 있습니다. SockJS는 다음과 같은 전송 프로토콜을 지원합니다. WebSocket HTTP streaming HTTP long-polling Iframe-based transport S..

React 로 무한스크롤 구현하기! Intersection Observer API 를 사용하는 방법? Intersetction Observer API란? Intersection Observer API는 뷰포트 내 요소의 교차(intersection) 상태를 관찰하는 API입니다. 뷰포트는 웹 페이지에서 보이는 영역을 말하며, Intersection Observer API를 사용하면 이 영역 내에서 요소들이 어떤 상태인지를 비동기적으로 관찰할 수 있습니다. Intersection Observer API는 크로스 브라우징을 지원하며, 모바일 기기에서도 정상적으로 작동합니다. 이 API를 이용하여 웹 페이지에서 무한 스크롤, 광고 배너 로딩, 이미지 지연 로딩 등 다양한 용도로 활용할 수 있습니다. Inter..