IT개발기

📌 3개월차 좋았던 점 • 여전히 가장 좋은 점은 제로베이스 TO-DO List가 있어 계획을 매주매주 체크할 수 있어 긴장감을 유지할 수 있는게 좋다. • 두번째로 데일리 스크럼을 통해 팀원들과 잠깐이지만 진도에 대해 공유를 할 수 있어, 서로서로 어려운 점을 공유하고 조금씩 힘이 도리 있음에 좋은 시너지가 나는 것이 두번째로 좋은 점이다. • 셋째, 과제평가를 통해 강의내용을 복습할 수 있음에 좋다 • 넷째, 알고리즘 테스트를 통해 매주 알고리즘을 강제적으로 공부하고 테스트를 통해 점수가 나온다는 점이 항상 긴장을 유지할 수 있어 굉장히 좋은 시스템이라고 느낀다. 📌 2개월차에 수정한 학습 계획표대로 공부하고 있는가 ? ▪︎ 회사 야근과 회식이 잦아져 수정한 학습계획대로 못한 부분이 아쉽다. 회사 점..

📌 HTML - 이미지: 이미지 경로 지정 - 버튼 : prev, next 버튼 구현 📌 CSS - carousel: active와 active가 아닐시 구분 - 버튼: 클릭(자바스크립트) 에 따른 css 효과 적용 /* **** carousel-wrapper 시작 **** */ /* 1.전체틀*/ .carousel-wrapper { overflow: hidden; width: 90%; margin: auto; } /* 2.전체틀 조건*/ .carousel-wrapper * { box-sizing: border-box; } /***************************************/ .carousel { -webkit-transform-style: preserve-3d; -moz-trans..

📌 HTML 구현 - 1) post 내용을 스크롤바 하면 보여질 수 있도록 - 2) 로딩 되는 표시 구현 무한 스크롤바 📌 CSS body { background-color: #a5e1b9; } .wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 0; } h2 { font-size: 3rem; font-weight: 900; text-align: center; padding: 2rem 0; color: #1f6c38; } /**** post 부분 ****/ .posts { width: 100%; max-width: 700px; margin: 0 auto; paddin..

📌 고차함수란? ● 하나 이상의 함수를 매개변수로 이용하거나 함수를 결과로 반환 ● 매개변수로 전달되는 함수는 콜백함수(Callback function) .. 📌 대표배열 조작 메서드 (6 가지) ● 임의 정렬: Array.sort(callback function) ● 반복작업: Array.forEach() ● 콜백함수 결과 배열반환: Array.map() ● 조건 만족하는 하나의 값 반환: Array.find() ● 조건 만족하는 배열로 반환: Array.filter() ● 누적 결과 값 반환: Array.reduce() 📌 1. 고차함수 메서드: Sort ● 한계점 1 - sort 메서드로 정렬될 때 배열의 요소가 일시적으로 문자열로 변경되어 발생 예시 let nums = [1, -1, 4, 0, 2..

📌 값에 의한 복사인지 주소값에 의한 복사인지 주의!! ● 매개변수 Call By Value : 원시타입(primitive type)을 매개 변수로 넘겼을때 - 값에 의한 복사 - 매개 변수 값을 변경시켜도 영향 없음 예시 let a = 1; let primitive_arg = function(b) { //callee b = b + 1; } primitive_arg(a); // caller console.log(a); //output: 1 전역변수 값이 변화가 없다. 매개변수로 주솟값이 아닌 값에 대한 매개변수를 받기에 ● 매개변수 Call By Reference : 객체 타입(object type)을 매개변수로 넘겼을 때 - 주소에 대한 복사 - 함수 내에서 변수 값을 변경시키면 원본데이터도 영향을 받..

📌 2개월차 좋았던 점 • 제로베이스 TO-DO List가 있어 계획을 매주매주 체크할 수 있다는게 좋았고, 데일리 스크럼을 통해 팀원들과 잠깐이지만 진도에 대해 공유를 할 수 있어, 매일매일 긴장하며 공부를 할 수 있다는 점이 가장 좋았던 점이다. 또한, 알고리즘 테스트나 과제평가, CS퀴즈등 여러 테스트로 인해 매주매주 평가가 이루어져 쉽지는 않지만 나의 힉습을 평가받을 수 있다는 점이 굉장히 좋은 점이다. 📌 1개월차에 수정한 학습 계획표대로 공부하고 있는가 ? ▪︎ 계획한 대로 공부하고 있으나 회사라는 특수상황으로 인해 조금 밀리고 있는데, 직장을 다니며 밀리지 않도록 조금씩 조금씩 해나가고 있다.!! 📌 나머지 4개월간의 학습 계획 ▪︎ 회사를 다니기에 한 주가 밀리면 다음 한 주가 밀릴 수 밖..

네트워크 트래픽에 따른 효율적/신뢰적 송신을 위한 알고리즘 📌 흐름제어(FLOW Control) : Sliding window - 매번 ACK를 기다리지 않고, 여러 패킷을 연속해서 송신 - 각 컴퓨터의 윈도우 사이즈를 확인하고, 윈도우 사이즈만큼 ACK 없이 연속해서 수신 - 송신측과 수신측 모두 자신의 윈도우 사이즈(버퍼 크기)를 65535로 설정 - 하지만, RTT 값을 기반으로 바로 윈도우 사이즈 재설정 - SYN과 SYN/ACK 사이의 시간 RTT(Round Trip Time)을 측정하여, 이를 기반으로 윈도우 사이즈 재설정 📌 혼잡제어(CongestionControl) - 송신 제어를 위한 윈도우는 2개 - Receiver Window (RWND): 흐름제어 (Sliding Window) 에서..

📌 TCP 프로토콜을 위한 용어 정리 - 패킷 1) 정의: 데이터의 형식화된 블록 2) 구성: 제어정보, 사용자데이터 (페이로드) - SYN: (synchronize sequence numbers) - ACK: (acknowlegement) 📌 TCP 연결을 하기위한 3way hand shake : 패킷을 통한 이동 - 1way: CLIENT -> SERVER : SYN (i) - 2way: SERVER -> CLIENT : SYN(j), ACK(i+1) - 3way: CLIEN T -> SERVER: ACK(j+1) 📌 TCP 연결 종료를 위한 4way hand shake - 1 way: 클라이언트가 연결을 종료하겠다는 FIN플래그 전송 (클라이언트의 FIN-WAIT 상태) - 2way: 서버의 FIN..

📌 객체 복사 문제점 (아래 그림을 보며 이해) 아래와 같이 복사하는 경우 주솟값이 복사된 거지 값이 일일이 복사되지 않아 admin의 속성값을 변경했음에도 user의 속성값이 변경하는 현상이 발생한다. let user = { name: "ahn", age: 27 } //객체 복사 문제점: 주솟값이 복사되는 거지 일일이 복사되는 것이 아니다.! let admin = user; user.name = 30; // 주솟값이 복사되어 user를 변경했음에도 admin이 변경되는 문제 📌 얕은 복사(Shallow Copy)를 통한 위와 같은 현상 방지 (3가지) //얕은복사 1. for loop let admin = {}; for (let key in user ) { admin[key] = user[key]; }..

📌HTML/CSS를 공부하면서 느낀점 • 대부분의 사람들이 프로그래밍을 하기 전 가장 먼저 접하기도 하고 우리가 실생활에서 접하는 브라우저가 html/css로 되어있지만 개발 일을 하면서도 깊게 공부하지 않고, 그때 그때 찾아가면서 이정도는 쉽게 할 수 있을거라 자신했지만 막상 공부해보니 참 원하는대로 화면이 구현되지도 않고, 구현을 한다해도 출제자가 원하는 방향으로 마크업과 스타일을 잘 입혔나 생각해보니 내가 기본기가 많이 부족했음을 느끼게 됐고, 더 열심히 해야함을 느끼게 해줬다. 📌 HTML/CSS 공부하면서 어려웠던 개념과 이유 ▪︎ html은 괜찮았지만 css가 원하는 방향대로 스타일이 입혀지지 않아 공부하는데 어려움이 있었다. 아무래도 많이 안쓰다보니 익숙하지 않은 문제도 컸었는데 익숙해질 수..