분류 전체보기86

• 

  [TypeScript] 클래스와 객체 생성 🔍 코드class Student{ name:string age:number gender:string constructor(name:string, age:number, gender:string){ this.name = name; this.age = age; this.gender = gender; } hello(){ console.log(this.name+' : 안녕하세요'); }}const kim = new Student('kim', 25, '남');kim.hello(); TypeScript로 작성된 클래스 Student를 정의하고, 이를 활용하여 kim이라는 객체를 생성하여 메소드를 호출한다.여기서 클래스 Stude.. TypeScript 2024. 5. 30.

• [JavaScript] 호이스팅과 TDZ 🔍 호이스팅호이스팅(hoisting)은 JavaScript에서 변수 및 함수 선언이 스코프의 최상단으로 끌어올려지는 것을 의미한다. 이는 코드에서 변수나 함수를 선언하기 이전에도 해당 변수나 함수에 접근할 수 있다는 것을 의미한다. 변수 호이스팅은 변수가 선언되기 전에 변수가 이미 존재하는 것처럼 동작하는 현상을 설명한다. 즉, 변수를 선언하기 전에 변수를 사용할 수 있습니다. 그러나 이러한 호이스팅은 변수의 초기화 부분까지 끌어올려지지 않고 변수의 할당(초기화)은 그 위치에 그대로 남는다. 함수 호이스팅은 함수 선언이 스코프의 최상단으로 끌어올려지는 것을 의미한다. 즉 함수를 선언하기 전에도 함수를 호출할 수 있다.console.log(number)var number = 10console.log(nu.. JavaScript/Theory 2024. 5. 30.

• 

  [Node.js] Socket.io 🔍 소켓(Socket)소켓은 네트워크 통신에서 사용되는 가장 기본적인 개념 중 하나이다. Request가 있어야만 Response를 전송할 수 있는 HTTP 프로토콜과는 다르게 소켓은 서버와 클라이언트 간의 양방향 통신을 가능하게 한다. 클라이언트가 서버에 데이터를 보내거나 서버가 클라이언트에게 데이터를 전달할 수 있다. 소켓은 TCP 또는 UDP 프로토콜을 사용하여 통신하며 웹 애플리케이션에서 실시간 통신을 구현할 수 있다.🔍 WebSocketWebSocket은 웹 애플리케이션에서 실시간 양방향 통신을 지원하기 위한 표준 프로토콜이다. HTTP를 통해 초기 연결을 설정한 후, 계속해서 서버와 클라이언트 간의 양방향 통신을 가능케 한다. WebSocket은 HTTP의 오버헤드를 줄이고 빠른 속도의 실.. Node.js/Theory 2024. 5. 29.

• 

  [Node.js] Express 프레임워크 🔍 ExpressExpress는 Node.js의 서버 사이드 프레임워크로 Node.js의 API를 단순화 하고 쉽게 서버를 구축할 수 있게 해준다.Java에서 사용하는 Spring과 같은 개념이라고 생각하면 될 것 같다.특징으로는 다른 언어들의 프레임워크와 비슷하게 확장성이 좋다는 점과 코드의 양이 줄어들고 유지보수가 용이하게 한다는 점이 있다.🔍 Express 객체Express 객체는 Express 프레임워크에서 사용되는 핵심 객체다. 웹 애플리케이션의 라우팅, 미들웨어 관리, 요청 및 응답 처리 등을 간편하게 할 수 있도록 도와줍니다. Express 객체는 이러한 기능을 제공하기 위해 사용된다.일반적으로 express() 함수를 통해 생성된다. 이 함수는 Express 애플리케이션을 생성하고 반환.. Node.js/Theory 2024. 5. 24.

• [JavaScript] 콜백 함수(Callback Function) 🔍 콜백함수정의 : 함수에 파라미터로 들어가는 함수용도 : 순차적으로 처리하기 위해 사용 (이벤트리스너에서 많이 사용함) *함수의 파라미터값에 첨부된 function() 이 콜백함수가 된다.1) 다른 함수의 argument, parameter 로 활용되는 함수2) 특정 이벤트(혹은 약속된 '시간' 등의 조건)에 의해 호출되어지는 함수🔍 forEach()에서의 활용forEach()는 단순하게 배열 내부의 요소를 사용해서 콜백 함수를 호출한다.[코드]const numbers = [3, 6, 9, 12, 15, 18];numbers.forEach(function(value, index, array) { console.log(`${index}번째 요소 ${value}`);});[결과]1번째 요소 3 2.. JavaScript/Theory 2024. 5. 24.

• 

  [Node.js] Node.js와 기본 내장 모듈 🔍 Node.jsNode.js는 JavaScript 런타임 환경으로, 서버 측 애플리케이션을 구축하는 데 사용된다. 이를 통해 JavaScript로 서버 측 코드를 작성하고 실행할 수 있다. Node.js는 Chrome의 V8 JavaScript 엔진 위에 구축되어 있으며, 비동기 이벤트 주도 아키텍처를 통해 높은 성능을 제공한다. Node.js를 사용하면 서버와 클라이언트 모두에 동일한 언어로 코드를 작성할 수 있어 개발자에게 편리함을 제공한다. 이것은 전체 스택을 JavaScript로 유지하면서 개발자들이 프론트엔드 및 백엔드 간의 일관성을 유지할 수 있음을 의미한다.(SpringFramework로 팀 프로젝트를 진행했을 때는 프론트단은 jQuery 백단은 java를 사용했다.) Node.js의 가.. Node.js/Theory 2024. 5. 24.

• [Python] 데이터 시각화 🛠 목표공공데이터인 2024년 4월 기온 데이터 중 최저 기온과 최고 기온을 추출해 시각화한다.🔍 MatplotlibMatplotlib은 파이썬에서 데이터 시각화를 위한 라이브러리이다. 이 라이브러리를 사용하면 선 그래프, 막대 그래프, 히스토그램, 산점도 등 다양한 종류의 그래프를 생성할 수 있다. 또한, 그래프의 스타일, 레이블, 제목, 축 범위 등을 세부적으로 설정하여 시각화를 더욱 깔끔하게 만들 수 있다. plt.title('only English') plt.plot([1,2,3,4,5],[20,10,50,40,30]) # 그래프를 작성해서,plt.plot([32.8,38.4,36.5],color='red',label='high') plt.plot([17.5,16.8,22.3],color='b.. Python 2024. 5. 21.

• [Spring] Spring Security 🔍 Spring Security를 사용하는 이유API를 관리할 때는 인증 및 인가를 구현하기 위해 유저에 관련된 클래스들을 작성하게 된다.그 클래스들은 리포지터리, 모델, 서비스, DTO, 요청, 컨트롤러 등으로 기능을 위해 작성했던 클래스들과 비슷한 과정을 거친다.하지만 API가 사용자를 인증하지 않기 때문에 불완전하다고 할 수 있다.우리가 사이트에서 로그인을 했는지 안 했는지 판단하는 코드를 추가한다고 한다면, 모든 API에 "요청 바디에 token이 있는지"를 확인해야 한다. 이 방식을 사용할 경우 100개가 넘는 API를 관리한다고 하면 같은 코드를 100번 반복해야 한다.하지만 Spring Security를 이용한다면 코드를 한 번만 짜더라도 이 코드가 모든 API를 수행하기 바로 전에 실행되.. JAVA/Theory 2024. 5. 13.

• [Python] HANGMAN GAME 🔍 설계# quiz.txt 파일에 영단어 1개를 저장# banana # ______ 입력 >> a # _a_a_a 입력 >> c # c는 없습니다! # _a_a_a 입력 >> b # ba_a_a 입력 >> n # banana 정답입니다! :D # quiz.txt 파일에 # 총 4번만에 정답을 맞추셨습니다. 라고 작성해서 저장🔍 코드with open('quiz.txt', 'rt') as file: answer = file.readline() print(answer) length = len(answer) keyword =[] count = 0for _ in range(length): keyword += "_" while True: count+=1 .. Python 2024. 5. 8.

• 

  [Python] UP AND DOWN GAME 🔍 설계# UP AND DOWN GAME # 1. 1부터 100까지의 수를 랜덤으로 생성한다. # 2. 사용자가 수를 입력한다. # 3. 입력한 수와 랜덤으로 생성된 수를 비교한다. # 4. 입력한 수가 랜덤으로 생성된 수와 같을 때까지 반복한다. # 5. 랜덤으로 생성된 수가 입력한 수보다 크다면 UP #     랜덤으로 생성된 수가 입력한 수보다 작다면 DOWN 을 출력 # 6. 입력한 수와 랜덤으로 생성된 수가 같다면 시행 횟수와 함께 수를 출력 # 7. 게임을 계속 진행할 것인지 프로그램 종료 여부를 입력 받는다. # +) time 모듈을 활용해 정답을 맞히기까지 걸린 시간도 계산 # +) 수를 입력 받을 때마다 랜덤으로 생성된 수와 비교해 최소값과 최대값을 변경한다. #     값은 최대값과 .. Python 2024. 5. 6.

• 

  [Java] Deque와 LinkedList 🔍 DequeDeque는 Double Ended Queue의 양방향 대기열이라고도 불리는 자료구조이다.양방향으로 열려있는 구조로 Queue와 외형적으로 비슷하지만 Deque는 Stack과 Queue와 달리 LIFO, FIFO와 같은 순서에 구속되지 않는다. Deque의 특징 Stack 및 Queue를 모두 사용할 수 있다.Deque는 양쪽으로 데이터를 추가하고 삭제할 수 있어서 Stack과 Queue를 구현할 수 있다.추가와 삭제를 양쪽에서 제어할 수 있어서 여러 형태로 사용할 수 있다. Deque의 선언Deque deque = new LinkedList();Deque deque = new ArrayDeque(); LinkedList와 ArrayDeque 인터페이스를 활용해 구현한 deque🔍 Deq.. JAVA/Theory 2024. 4. 26.

• 

  [Java] HashMap과 HashSet 🔍 HashMapHashMap은 키-값 쌍으로 데이터를 저장하므로, 다양한 용도로 활용할 수 있다.Value의 중복값은 허용하나 Key값이 중복될 수는 없다. 1. 데이터 저장 및 검색데이터를 저장할 때는 put(key, value) 메서드를 사용한다.특정 키에 해당하는 값을 검색할 때는 get(key) 메서드를 사용한다.HashMap scoreMap = new HashMap();scoreMap.put("Alice", 90);scoreMap.put("Bob", 85);Alice의 점수는 scoreMap.get("Alice")이다. 2. 데이터 삭제특정 키-값 쌍을 삭제할 때는 remove(key) 메서드를 사용한다.모든 데이터를 삭제할 때는 clear() 메서드를 사용한다.scoreMap.remove(.. JAVA/Theory 2024. 4. 25.