분류 전체보기 71

2. 네트워크

1. 네트워크의 기초네트워크 : 노드와 링크가 서로 연결되어 리소스를 공유하는 집합노드 : 서버, 라우터, 스위치 등 네트워크 장치를 의미링크 : 유선 또는 무선을 의미1.1 처리량과 지연시간좋은 네트워크 기준 : 처리량이 많음 / 지연 시간 짧음 / 장애 빈도 적음 / 보안 좋음 처리량 링크 내에서 성공적으로 전달된 데이터 양트래픽을 얼마나 처냈냐많은 트래픽 처리 = 많은 처리량 가짐bps : 초당 전송 수신 비트 수 트래픽, 네트워크 장치 간 대역폭, 네트워크 에러, 하드웨어 스펙에 영향을 받음대역폭 : 주어진 시간동안 네트워크 연결을 통해 흐를 수 있는 최대 비트 수 트래픽 : 특정 시점에 링크내에 흐르는 데이터의 양트래픽 많다 : 흐르는 데이터가 많다처리량 많다 : 처리되는 트래픽 많다 (흐르는 ..

📚 개발 책 2025.04.29

동조하기

사람들의 생각은 강압적인 권력이나 자신의 전문성에 의해서만 좌우되는 것이 아니다. 다른 사람들의 불확실성에도 불구하고 일관되고 흔들리지 않는 의지를 가진 한 개인으로 좌우될 수 있다. 이는 내면화된다. 그러한 신념이나 관념이 단 한 명의 개인이나 하나의 작은 집단에 의한 사물일 수 있으며, 오랜 시간에 걸쳐 지속되면서 본질적인 의미를 규정하는 어떤 것이 될 수 있다. 다른 사회적 집단에 속해 있음을 명백히 알 수 있는 경우에 동조 현상은 크게 감소한다. 자신감 넘치는 그 사람이 자신과 다른 집단에 속해 있다는 사실을 알게 되면 사람들은 어떠한 영향도 받지 않을 수 있다. 사람들이 명백하다고 느끼는 근거를 과연 무시할까. 소집단의 "명백한 오류 제시" 실험은 36.8퍼센트의 오답률을 보여준다. 이는 집단의..

재귀의 신

function solution(arr) { // 재귀 호출을 위한 내부 함수를 만든다. // 이 함수는 처리해야 할 배열의 부분을 인자로 받는다. function recursiveOR(currentArr) { // **베이스 케이스:** 만약 현재 처리할 배열이 비어있다면 (길이가 0이라면) if (currentArr.length === 0) { // 더 이상 OR 할 게 없으니 0을 반환하고 재귀를 멈춘다. return 0; } // **재귀 스텝:** // 1. 배열의 첫 번째 요소를 가져온다. const firstBinaryString = currentArr[0]; ..

💻 FE/🍓 JS 2025.04.26

2025 F1 사우디아라비아 제다 그랑프리

트리플헤더의 마지막 주, 응원하는 팀이 생긴 이후 경기를 보는 것 자체가 심장건강에 매우 안 좋음을 깨달았고 트리플헤더는 지옥 그 자체인 스케줄임을 실감한다. 아무생각 없이 경기를 보던 때는 레이스 위크만을 기다리며 적당한 도파민을 충전하면서 살았지만 지금은 레이스 위크가 되면 설렘과 동시에 스트레스도 졸라게 몰라온다. 왜냐면 랜도란도랜깅이는 빠와까를 미치게 하는 놈이기 때문에 구설수에 너무 많이 오르기 때문이다. 걍 쳐 피곤함. 프랙티스는 바레인과 마찬가지로 아주 잘했던 랜도란도랜도란스다. 퀄리가 새벽 두 시에 시작하는 지옥같은 시간대의 경기였기 때문에 기도 오천번 하면서 쿠플 라디오로 틀어두고 잠에 들었다. 야 그런데 "레드 플래그예요~! 랜도 노리스!!!" 에 심장이 발랑발랑머리가 빙글빙글으아어..

자바스크립트에서 on과 handle의 관계에 대해 알아보았다.

바닐라 자바 스크립트로 컴포넌트 구현, api 로 데이터를 가져오는 작은 과제를 하는데 "바닐라", "컴포넌트"로 하려니 ㅇ-ㅇ 상태되어서 아무것도 못하겠더라. 리액트는 잘 모르고 스벨트는 좀좀따리 강의를 듣는 중이라 스벨트로 구현하고 바닐라로 옮길 계획을 세웠다. 확실히 스벨트로 하니 신경쓸게 적어서 좋았다. 하나의 컴포넌트가 하는 일은 하나의 파일에서만 작성하면 되니까 하나의 파일에서 handle을 정의하고 내려줄 일이 적어지니 참 편했다. 모르겠는 부분은 문서와 구글링, ai 도움 조금으로 금방 해결됐다. 그리고 이 완성된 파일들을 ai에게 자바스크립트 컴포넌트 파일로 변환하라고 "시켰"더니 "해줬"다. 파일을 열어 코드를 뜯어보는데 app.js 파일 갔다가 컴포넌트 파일 갔다가 와리가리를 너무..

💻 FE/🍓 JS 2025.04.20

F1 2025 바레인 그랑프리

나는 네가 삐끗하는 걸 기대하지 않았다. 비록, 오스카가 폴 찍을때 박수를 치긴 했지만, 맥라렌 차로 로우 아닌 그리드는 충격적이구나. 충격적이야. (... ) 니 인스타 그만해라. 1. 점프 스타트 2. 해밀턴 추월 에도 불구하고, 세이프티카 흐름 잘 타고존달. 해서 P3 한거 축하합니다. 꾸준히 포디움에 오르는 당신이 나의 삶의 동력.

바닐라 JS 클래스 데이트 피커 구현하기.

이번에는 순수 자바스크립트, 즉 바닐라 JS만으로 달력 형태의 날짜 선택기(Date Picker)를 만들어 보기로 했다. 라이브러리를 사용하면 금방이겠지만, 직접 구현해보면서 DOM 조작과 자바스크립트의 Date 객체에 대해 깊이 이해하고 싶다는 생각이 들었다. 솔직히 시작 전에는 꽤 복잡할 것 같아 막막하기도 했지만, 그만큼 배우는 것도 많을 거라 기대하며 도전했다. 이 글은 그 제작 과정과 삽질의 기록이다.1. 무엇을 만들 것인가? (기능 정의 및 설계)먼저 어떤 형태의 데이트 피커를 만들지 구체적으로 구상했다.기본 UI:날짜를 표시하고 선택 결과를 보여줄 필드.입력 필드를 클릭하면 나타나는 달력 팝업.달력 팝업은 헤더(현재 년/월 표시, 이전/다음 달 이동 버튼)와 본문(요일 표시, 날짜 그리드)..

카테고리 없음 2025.04.06

바닐라 JS 클래스 삽질 기록: 설계부터 this와의 씨름까지

1. 왜 클래스?단순 함수와 전역 변수: 가장 간단하지만, 여러 카운터를 만들 경우 상태 관리가 복잡해지고 변수 이름 충돌이나 스코프 문제가 생기기 쉬웠다.클로저(Closure) 활용: 클로저를 이용해 상태를 숨기고 함수를 반환하는 팩토리 함수 패턴도 가능했다. 상태를 비공개로 유지할 수 있다는 장점이 있지만, 여러 인스턴스를 만들 때마다 함수들이 새로 생성되는 점, 그리고 '틀'로서의 명확성이 클래스보다는 부족하다고 느껴졌다.ES5 생성자 함수와 프로토타입: new 키워드와 함께 사용하는 전통적인 방식이다. 클래스와 가장 유사하지만, prototype을 직접 다뤄야 해서 문법이 다소 번거롭고 가독성이 떨어진다고 생각했다.이런 점들을 고려했을 때, ES6의 class 문법이 관련 데이터(상태)와 기능(메..

💻 FE/🍓 JS 2025.04.06

MVC 패턴 익히기 | 간단한(전혀 간단하지 않다.) 퀴즈 앱 MVC 패턴으로 만들기

냅다 시작합니다. 왜냐하면 나는 바닐라로 함수범벅인 코드만 짜봤기에 .. 해보고 싶어졌다. 내 머리로. 과연 .. 5:42pm 5:57pm if (this.data.data[this.data.currentIndex].answerIndex === parseInt(selectedIndex)) {            this.data.upScore();            console.log("정답")        } else {            console.log("오답")        } 이것. 뭐예요~?6:15pm 얼추 완성. 어디서 어떻게 접근해야하는지는 감이 잡혔음. 허나, MVC 패턴의 관점에서 현재 코드를 분석해보겠습니다.현재 코드는 MVC 패턴의 기본적인 구조는 가지고 있지만, 몇 가지 ..

💻 FE/🍓 JS 2025.04.02

나는 아직 모른다. 모든 것을 ..

코드 작성 후 에이아이한테 코드를 정리해보라고 하면 늘 MVC  패턴으로 리팩해준다. 음음 .. 하면서 코드를 다시 보면 어렵긴 한데 훨 보기가 수월하다. 이 구조를 눈으로 익혀야겠다. .. 익혀질때까지 받아 쓰기 하라.  보면 클래스가 메인이다. 무슨 코드를 작성하던간에 클래스로 리팩한다. 각 클래스가 하는 일들이 명확하다. 배열로 관리하는 요소를 클래스로 확장해서 관리, 화면에 뿌리는 부분을 클래스로 확장해서 관리. 이런느낌인데 가끔 어떠한 행동이 어느 클래스에 어느 이름으로 들어가야 하는지가 헷갈릴때가 있다. 이 감을 ai 받아쓰기로 익히는 중이다.  결론 : 어렵다.

카테고리 없음 2025.04.01