전체 글 233

[JavaScript/알고리즘] PermMissingElem

Lesson 3 (Time Complexity) - PermMissingElem(Easy) Test results - CodilityAn array A consisting of N different integers is given. The array contains integers in the range [1..(N + 1)], which means that exactly one element is missing. Your goal is to find that missing element. Write a function: function solution(A); that, given aapp.codility.com점수: 100/100 1부터 n까지의 수가 존재하는 배열(순서 무작위) 에서 빠진 수 하나를 ..

[JavaScript/알고리즘] FrogJmp

Lesson 3 (Time Complexity) - FrogJmp(Easy) Test results - CodilityA small frog wants to get to the other side of the road. The frog is currently located at position X and wants to get to a position greater than or equal to Y. The small frog always jumps a fixed distance, D. Count the minimal number of jumps that the smalapp.codility.com X의 위치에 있는 개구리가 Y와 같거나 먼 위치로 이동하려고 하는데 한번에 D만큼만 이동할 수 있습니다. ..

[JavaScript/알고리즘] OddOccurrencesInArray (feat. Map)

Lesson 2 (Arrays) - OddOccurrencesInArray(Easy) Test results - CodilityA non-empty array A consisting of N integers is given. The array contains an odd number of elements, and each element of the array can be paired with another element that has the same value, except for one element that is left unpaired. For example, in arrapp.codility.com점수: 55/100 홀수로만 이루어진 숫자 배열이 주어지고, 거기서 하나의 요소를 제외하면 전부 자..

[JavaScript/알고리즘] CyclicRotation (feat. 테스트 케이스)

Lesson 2 (Arrays) - CyuclicRotation(Easy) Test results - CodilityAn array A consisting of N integers is given. Rotation of the array means that each element is shifted right by one index, and the last element of the array is moved to the first place. For example, the rotation of array A = [3, 8, 9, 7, 6] is [6, 3, 8, 9,app.codility.com점수: 62/100 일단 코딜리티는 문제를 제출하면 코드 수정을 못하더군요.테스트 케이스를 추가하는 능력도 중..

[JavaScript/알고리즘] BinaryGap

먼저 아래는 Codility의 데모 문제들을 풀어볼 수 있는 사이트입니다.  Developer Training | Test Coding Skills Online - CodilityFind longest sequence of zeros in binary representation of an integer.app.codility.com 사이트의 첫 번째 문제, BinaryGap (Easy) 입니다.Easy라고는 하는데 영문으로 된 문제는 처음 풀어봐서 좀 어지럽습니다. https://app.codility.com/demo/results/trainingFQ7EBE-YTU/ Test results - CodilityA binary gap within a positive integer N is any maxima..

2024년을 함께한 장르들

2024년...늘 그렇듯 힘든 일도 많았지만버텨낼 수 있게 하는 건 역시 덕질이 아닐까요???올해엔 더 좋은 일이 많길,,, 바라봅니다,,  각각 누구일까요?더보기모리와카 토시로(휴먼버그대학교)허강민(검은방)곽철이권경민(스토브리그)이마시노 미사키(블루 아카이브)아비게일(메탈슬러그 어택 리로디드)오봉주(식객)다비(브리아노의 연구소)디핵오도로키 호스케(역전재판4)구스타브   최근 연말이라 번아웃이 와서 블로그 포스팅이 뜸했네요...내년에도 화이팅!

낙서 2025.01.01

[IT] 백엔드 서버와 프론트엔드의 통신 URL

헷갈리는 부분이라 정리. 선수 지식자체 서버를 구성하고 그 서버에서 돌아가는 백엔드와 달리, 프론트엔드는 사용자의 브라우저에서 돌아간다.다시 말해 백엔드 서버에서의 localhost와 프론트엔드에서의 localhost는 서로 다른 장치를 가리킬 가능성이 있다. 브라우저의 출처(Origin) 정의 방법출처(Origin)는 사용자가 실제 접속한 주소로 설정된다. 프론트엔드를 192.168.0.7이라는 IP를 가진 로컬 PC에서 3000번 포트로 돌렸을 경우를 가정해보자.이 경우 localhost:3000으로도 페이지에 접속할 수 있고, 192.168.0.7:3000으로도 접속할 수 있다. 그렇다면 백엔드의 CORS 허용 설정은 접속한 주소를 기준으로 허용해주어야 한다.즉 localhost:3000으로 접속했..

IT/기타 2024.12.19

[SI 지식 말하기 연습] React 관련

언젠간 갑자기 들이닥치게 될 면접 대비를 위한 말하기 연습 코너입니다.(계속 추가됩니다) 상태관리를 하는 이유효율적인 렌더링을 위해서이다. 상태관리를 하면 필요한 컴포넌트만 렌더링함으로써 성능을 최적화할 수 있다. state의 원리배열을 사용하여 관리하고, 클로저 안에 값들을 관리한다. setState를 사용해야 하는 이유state는 값이 변하면 리렌더링이 발생하는데, setState에 의한 주소 변경에만 반응하기 때문에 값을 변경할 때는 setState를 사용하여 React에서 감지할 수 있게 해야 한다. 이벤트 루프와 콜스택, 태스크 큐

IT/기타 2024.12.18

[SI 지식 말하기 연습] DB에 대해

언젠간 갑자기 들이닥치게 될 면접 대비를 위한 말하기 연습 코너입니다.(계속 추가됩니다) DBMS데이터베이스 관리 시스템데이터를 효과적으로 관리할 수 있게 함RDBMS관계형 데이터베이스 관리 시스템SQL을 사용하여 데이터에 쉽게 접근할 수 있음SQL의 DDL, DML, DCLDDL: 데이터 정의 언어. 구조 정의 시 사용. 자동 커밋됨DML: 데이터 조작 언어. 데이터를 조작 시 사용DCL: 데이터 제어 언어. 데이터의 가시성(권한 등) 제어에 사용정규화테이블 간 중복된 데이터를 제거무결성 유지 가능DB의 저장 용량을 줄일 수 있음비정규화복잡한 쿼리 사용 시 성능을 향상시키기 위해 중복 데이터 추가뷰하나 이상의 테이블로부터 유도된 가상 테이블데이터를 제한적으로 보여줌장점: 리소스 낭비 없음, 데이터 액세..

IT/기타 2024.12.17

[SI 지식 말하기 연습] 로드밸런싱이란?

언젠간 갑자기 들이닥치게 될 면접 대비를 위한 말하기 연습 코너입니다. 로드밸런싱이란사용자의 수가 늘어나면 서버 한 대로는 서비스를 운영하기 버거워지는데, 이때 서버를 여러 대 추가할 경우 트래픽을 각 서버에 균등하게 분산시켜 줘야 한다. 이 작업을 로드밸런싱이라고 한다. L4 로드밸런싱, L7 로드밸런싱이 있다. 라운드 로빈(순차적으로), 가중 라운드 로빈(가중치, 특정 서버의 스펙이 좋다면 사용), 최소 연결(가장 적게 연결되어 있는 서버), 최소 응답(응답시간 고려), 해시(특정 사용자는 특정 서버로만 할당) 등의 기법이 있다.

IT/기타 2024.12.17

[JavaScript/알고리즘] K번째수 (feat. sort() 메소드)

프로그래머스 Lv.1 "K번째수" 문제입니다. Solved-Algorithm/JavaScript/프로그래머스/1/42748. K번째수 at main · ParkBible/Solved-AlgorithmThis is an auto push repository for Baekjoon Online Judge created with [BaekjoonHub](https://github.com/BaekjoonHub/BaekjoonHub). - ParkBible/Solved-Algorithmgithub.com??? : 어 겁나 쉽네   function solution(array, commands) { const results = []; for (command of commands) { c..

[IT/일상/Java] MQTT 통신 코드 개선 일지 (feat. QueueChannel, Future)

배경현재 프로젝트에서 장치와 통신하는 데에 MQTT를 사용하고 있다.MQTT가 뭔지에 대해서는 아래를 참고하자.  [IT] MQTT 프로토콜에 대해MQTT란?MQTT는 Publisher, Broker, Subscriber의 세 가지 분류로 이루어진 프로토콜이다.Publisher가 Broker 에게 특정 Topic으로 메시지를 보내면, Subscriber는 Broker로부터 받고 싶은 Topic만을 구독하여 메시지doringri.tistory.com 아무튼, 우리 장치는 어떤 토픽으로 명령에 대한 메시지를 보내면 장치가 다른 토픽을 통해 그 명령이 잘 수행됐는지 메시지를 주는 구조이다.문제는 클라이언트가 HTTP로 명령 요청을 보내면 그 명령이 성공했는지에 대한 결과를 백엔드에서 응답으로 줘야 된다는 것이..

[IT] MQTT 프로토콜에 대해

MQTT란?MQTT는 Publisher, Broker, Subscriber의 세 가지 분류로 이루어진 프로토콜이다.Publisher가 Broker 에게 특정 Topic으로 메시지를 보내면, Subscriber는 Broker로부터 받고 싶은 Topic만을 구독하여 메시지를 받는다.  장점Python, Java 등 많은 언어들이 지원하고 있다.메시지 헤더가 작고, 리소스를 적게 소모하기 때문에 대역폭이 낮다. 즉 불안정한 네트워크에서도 사용할 수 있다.페이스북 메신저가 MQTT 프로토콜을 이용한다고 한다.  단점Publisher와 Subscriber가 모두 온라인 상태여야만 메시지를 구독할 수 있다.  구조와 와일드카드Topic은 트리 구조로 이루어져 있으며, 와일드카드를 사용할 수 있다.와일드카드의 종류는..

IT/기타 2024.12.14

[TypeScript] 유틸리티 타입 (Partial, Required, Record, Pick, Omit, Exclude)

소개유틸리티 타입(Utility Types)은 개발자의 편의를 위해 타입스크립트가 제공하는 특수한 타입들이다. 기존의 타입을 조작한 여러가지 유용한 타입을 만들 수 있다.  상황타입스크립트를 사용하면서 Interface로 타입을 정의하게 되는데, 어떤 변수를 정의할 때는 일부분의 필드만을 사용하고 싶다. 이런 상황이라면, 유틸리티 타입을 고려해볼 수 있다.  Documentation - Utility TypesTypes which are globally included in TypeScriptwww.typescriptlang.org   Partial, Requiredinterface User { name: string; age: number;}const user: Partial = { n..

[일상] 2024.12.12 베트남 다낭/호이안 여행 후기

오블완 챌린지가 끝난 후에 한동안 포스팅을 안 했는데 제가 3박 5일로 베트남 여행을 다녀왔기 때문입니다.그나저나 오블완... 아쉽게도 경품 당첨은 안됐네요. ㅂㄷㅂㄷ      호텔 테라스 뷰입니다.가기 전엔 뭔놈의 수영이야 그냥 쉬고싶다 라는 생각이었는데 확실히 날씨가 따뜻하니까 의욕도 생기더군요.호텔에서 야무지게 수영했습니다.       한시장에서 폭풍 쇼핑도 하고...품목 : 크록스 1켤레, 털크록스 2켤레, 유령 키링 1개, 카피바라 키링 1개, 농 쓴 새 모양 키링 4개 세트, 냉장고 자석 2개, 팔찌 6개, 밀짚모자, 뜨개가방, 원피스, 원피스 클록(?) 사실 얘네들이 가격이 싸서 편견 같은게 좀 있었는데 생각보다 물건들이 다 괜찮아서 놀람...선물 받은 사람들도 호평일색 ㄷㄷ다만 크록스 한 ..

일상 2024.12.12