본문 바로가기 메뉴 바로가기

망고

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

망고

검색하기 폼
  • 분류 전체보기 (93)
    • 회고 (9)
    • CS (13)
      • OS (2)
      • Network (8)
    • 알고리즘 (10)
      • 개념정리 (5)
      • 프로그래머스 (5)
    • 스터디 (13)
      • 면접 스터디 (2)
      • 자바스크립트딥다이브 (11)
    • WEB (37)
      • HTML&CSS (3)
      • Vue.js (12)
      • Javascript (12)
      • Nuxt.js (3)
      • React.js (7)
    • APP (2)
      • React Native (2)
    • 기타 (8)
    • 취미 (1)
  • 방명록

2023/02 (5)
프린터

프로그래머스의 "프린터" 문제는 주어진 프린터 대기열에서 현재 대기열에서 가장 앞에 있는 문서를 꺼내어 출력하는 작업을 반복하면서, 출력될 문서가 원하는 문서인 경우 출력을 멈추고 출력까지 걸린 시간을 반환하는 문제입니다. function solution(priorities, location) { let answer = 0; let queue = priorities.map((priority, index) => ({ priority, index })); // 각 문서마다 우선순위와 인덱스 정보를 객체로 만들어 큐에 넣음 while (queue.length > 0) { // 큐가 빌 때까지 반복 let first = queue.shift(); // 가장 앞에 있는 문서를 큐에서 꺼냄 if (queue.som..

알고리즘/프로그래머스 2023. 2. 17. 14:50
스택 & 큐

스택 가장 나중에 집어넣은 데이터를 가장 먼저 추출하는 LIFO(Last In First Out) 배열에서 push, pop이 해당한다. 가장 마지막에 있는 데이터를 확인할 수 있다.(보통 stackTop이라고 부른다) class Node { constructor(data, next) { this.data = data; this.next = null } } class Stack { constructor(top, count) { // 가장 마지막에 들어온 top에 해당하는 값 this.top = null; this.count = 0; } push() { // return 값으로는 증가한 배열의 길이를 담는다. } pop() { // return 값으로는 top에서 나온 값 그 자체를 담는다. 여기서는 da..

알고리즘/개념정리 2023. 2. 7. 13:18
39 - DOM

브라우저 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. ✍ 노드 📌 HTML 요소와 노드 객체 HTML 요소는 HTML 문서를 구성하는 개별적인 요소를 의미한다. HTML 요소의 구조 HTML 요소는 렌더링 엔진에 의해 파싱되어 DOM을 구성하는 요소 노드 객체로 변환된다. HTML 요소와 노드 객체 노드 객체들로 구성된 트리 자료구조를 DOM이라 한다. DOM 트리라고 부르기도 한다. 📌 노드 객체의 상속 구조 DOM은 DOM을 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다. DOM을 구성하..

스터디/자바스크립트딥다이브 2023. 2. 6. 15:45
2. React-Native CLI window 환경 설정

https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 리액트네이티브 CLI로 환경설정하는 방법에 대해서 알아보자. 1. choco 설치 (설치되어 있으면 패스) https://woogyun.tistory.com/720 2. jdk 설치 powershell 터미널에서 아래 코드 입력해서 jdk 설치 choco install -y nodejs-lts microsoft-openjdk11 버전은 리네 공식문서에서 권장하는 jdk11 ..

APP/React Native 2023. 2. 3. 14:39
1 - expo 설치 및 세팅

1. vscode 에서 세팅 1) vscode 터미널에 다음 명령어 입력하기 npm install -g expo-cli 혹은 2) vscode 마켓플레이스에서 expo Tools 설치하기 3) 실행 npm start 2. 모바일 스토어에서 expo 앱 설치 ios 혹은 google store에서 expo 앱을 설치 해줘야 함 3. 프로젝트 실행 1) 프로젝트 로그인 expo 홈페이지에서 회원가입을 미리 해두고 프로젝트 터미널에서 로그인한다. expo login 코드를 입력하면 아래의 이미지와 같이 username과 비번을 입력하면 됨 2) 앱 로그인 다운로드 받은 앱에서도 똑같이 로그인을 하면 아래의 이미지와 같이 연동됨 3) 실행 코드 npm start 4. 에러 로그인을 하려고 하니 파일 이름때문에 ..

APP/React Native 2023. 2. 2. 16:15
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 👻 github
  • ✏️ 공부 기록
TAG
  • 회고
  • 프로덕트설계
  • 디자인시스템
  • 레포지토리패턴
  • 그림으로 이해하는 시스템 설계
  • 결제기능
  • 더미데이터
  • focus와blur
  • 항해솔직후기
  • 알고리즘
  • React18v
  • eventListner
  • 구름톤
  • Vue.js
  • 로그인 인증
  • 시스템설계
  • Repository pattern
  • 항해플러스프론트엔드
  • event종류
  • store.js
  • react
  • 개발자
  • vite
  • JWT토큰
  • 항해플러스후기
  • vue3
  • http
  • props
  • 이벤트리스너
  • vue.js3
more
«   2023/02   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바