firebase를 생성해서 POST 보내기 async function addSampleHandler(sample) { const res=await fetch('https://react-http-813a9-default-rtdb.firebaseio.com/sample.json',{ method:'POST', body:JSON.stringify(sample), headers:{ 'Content-Type':'application/json' } }) const data=await res.json() console.log(data); } ...firebaseio.com/( 이 부분 segment ) : ( ) 안에 sample은 자기가 마음데로 설정할 수 있는 이름이고 이런식으로 segment를 붙여줘야지 DB에..

JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고 null이 존재합니다. https://developer.mozilla.org/ko/docs/Glossary/Primitive 원시 값 - 용어 사전 | MDN JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고..

더하기 사이클 n=int(input()) num=n k=0 while(True): a=num//10 b=num%10 c=(a+b) % 10 num=(b*10)+c k+=1 if(n==num): print(k) break

출처 : https://www.codingem.com/what-is-a-fifo-queue/ # 큐 : Queue FIFO (First-In,First-Out) or LILO(Last-In,Last-Out) 방식 가장 먼저 넣은 데이터를 가장 먼저 꺼낸다. # 용어정리 -Enqueue : Item을 큐에 넣는다 -Dequeue: Item을 큐애서 꺼낸다. -Front : 첫번째 Item을 큐에서 얻는다. -Rear: 마지막 Item을 큐에서 얻는다. -IsEmpty: 큐가 비었는지 확인한다. # 파이썬 리스트로 간단하게 활용하기 # 큐 활용해보기 # 큐 Objects qsize() -> 큐의 사이즈 반환 get() -> 값을 반환하고 제거함 put() -> 값을 넣는다 empty() -> 비었으면 Tru..

메모리 할당(Memory allcotation) *C언어에 자세한 예시가 있다. *파이썬은 기본적으로 자동으로 메모리 관리를 해준다. -정적 할당 프로그램을 컴파일시 메모리가 할당된다. 스택을 구현할때 정적 할당을 활용함 메모리를 재사용 할 수 없다. static int a=10; -파이썬 스택 스택의 기본구조는 LIFO(Last-In-First-Out) 구조를 가지고 있다. 파이썬의 list()로 스택을 구현해보겠다. 파이썬은 그냥 list를 스택으로 사용해도 된다. 주요 Method -push -pop 마지막 원소 빼서 출력하기(스택에서는 데이터가 비어있는지 여부를 확인하고 실행된다.) -top 마지막 원소 리턴시키기 -isEmpty 파이썬 구현 -동적 할당 프로그램의 런타임 즉 동작할때 메모리가 할..

~ (틸드) cd ~ => Home 폴더로 가는 명령어 cd ~ubuntu => ubuntu의 홈폴더로 가는 명령어 touch=> 0Kb짜리인 파일 만들기 원래 폴더가 있었으면 최종 수정일을 바꿔줌 mkdir -p /(폴더명) -p => 만약 폴더가 없으면 그 폴더까지 다 만들어버림 지우기 rmdir => 폴더가 비었을때만 실행가능 Remove rm => 비어있지 않아도 지우기 가능 rm -i a.txt -i => 물어보기 -f => force 강제 -r => 폴더도 지우기 ( ) Copy cp a.txt b.txt => b가 a를 복사 cp a.txt /temp => temp폴더에 a.txt복사 -r 옵션 => 폴더도 가능하게 해줌 cp -r (폴더) (폴더) Move mv a.txt 폴더 => 폴더쪽..

자바스크립트 비동기 처리방식중 하나 async추가 => Promise 반환 async & await의 기본적인 문법 구조 async function 함수명() { await 비동기_처리_메서드_명(); } 먼저 함수의 앞에 async 라는 예약어를 붙이고 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙인다. [!주의] 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한 대로 동작한다. 일반적으로 await의 대상이 되는 비동기 처리 코드는 Axios 등 프로미스를 반환하는 API 호출 함수다. * fetch를 호출하게 되면 브라우저는 네트워크 요청을 보내고 Promise가 반환된다. 그래서 .then 메서드를 통해서 반환 받은 Promise를 사용하는 ..

1) Vue의 기본적인 특징 SPA SPA(Single Page Application)은 기본적으로 웹 애플리케이션에 필요한 모든 정적 리소스들을 한번에 다운 --> 새로운 페이지 요청시 페이지 갱신에 필요한 데이터만을 전달받아서 페이지를 갱신시킴 -단점 초기에 다 다운로드 받기에 초기 구동속도가 당연히 느리다 SEO(Search Engie Optimization) -> 검색엔진 최적화 (역할: 구글이나 네이버와 같이 검색엔진으로 웹 사이트를 검색했을 때 결과를 페이지 상단에 노출시켜줘서 사용자의 유입을 이끌어 내도록 최적화 하는법) ex) Junior Developer J Portfolio => 검색시 검색엔진위쪽에 나타나도록 하는것 2)MVVM 디자인 패턴 프레임워크 (Model , View , Vi..

정의 : 어떤 문제를 해결하기 위한 일련의 절차나 방법을 공식화한 형태로 표현한 것을 의미한다. 알고리즘의 조건 - 입력: 외부에서 제공되는 자료가 0개 이상존재 - 출력: 적어도 2개이상의 서로 다른 결과를 내어야 한다. - 명확성: 수행 과정은 명확하고 모호하지 않은 명령어로 구성되어야 한다. - 유한성: 유한 번의 명령어를 수행 후 (유행 시간 내)에 종료한다. - 효율성: 모든 과정은 명백하게 실행 가능 한 것이어야 한다. 예시 집에서 대학교까지 가는 방법 -> 지하철 / 버스 / 자가용 등등 그 중에서 가장 빠르게 갈 수 있는 길을 찾기, 버스나 지하철의 배차 시간 내가 공부해야할 알고리즘(좋은 프로그램을 만드는 아이디어)들 자료구조 (프로그램이 다뤄야 하는 자료를 프로그램 상에서 표현하는 형태..

JSP(Java Server Page) 를 Visual Studio Code에서 사용해보자 VScode는 설치방법은 생략하겠다. -Tomcat -Tomcat은 *서블릿 컨테이너임 먼저 Tomcat 홈페이지에 접속해서 가장 최신버전을 다운로드 해라https://tomcat.apache.org/ Apache Tomcat® - Welcome!The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifi..