00 컴퓨터네트워크 수업을 들어가며...
·
전공 공부/컴퓨터네트워크
TCP/IP는 5계층으로 이루어져 있다.Application, Transport, Network, Link, Physical이 5계층을 위에서부터 아래로 차례대로 접근할 식이다.즉, 하향식으로 글을 작성해나갈 것이다.Why? -> 위에있는 것부터 범위가 크고 사용자가 쉽게 접하기 때문에, 더 중요!네트워크에서 사용되는 언어가 낯설다. 나는,,그래서, 다음의 교재로 공부를 시작해보려 한다. TCP/IP 영상은 링크 를 참고하면 좋을 것 같다.The Good Warriors of the Net - IP for Peace (youtube.com)
삽입 정렬(Insertion Sort) 알고리즘
·
컴퓨터과학/알고리즘
삽입 정렬 알고리즘에 대해 정리하겠습니다. 1. 삽입 정렬(Insertion Sort)이란?삽입 정렬은 정렬되지 않은 순차적인(sequence) 데이터를 하나씩 리스트에 정렬하여 삽입하는 알고리즘입니다.정렬된 부분의 맨 끝부터 새로운 데이터를 어디에 넣을지 비교하면서 알맞은 자리를 찾습니다. 처음에는 이해가 어려워 카드 놀이를 예시로 설명하겠습니다. 2. 삽입 정렬 Logic1) 첫 번째 요소(1)은 이미 정렬된 것으로 간주하고, 2번째 부터 정렬을 시작합니다.2) 두 번째 요소부터 마지막 요소까지 반복하면서, 현재 요소 'Key'를 앞의 정렬된 부분과 비교하여 올바른 위치에 삽입합니다.3) 이 과정을 모든 요소가 정렬될 때까지 반복합니다. 3. 삽입 정렬 동작원리 ex)카드놀이여러분은 친구들과 카드게임..
프론트엔드 개발자 셀프 테스트: 나의 실력은 몇 점일까?
·
튼튼발자의 끄적끄적
안녕하세요!프론트엔드 분야에서 나의 개발 실력을 테스트하고 스스로 평가하기 위한 몇가지 항목들을 가져와봤습니다. 프론트엔드 기술은 빠르게 변화하고 있으며, 최신 트렌드와 기술들을 따라잡는 것이 중요합니다.이 글에서 여러분들이 본인은 몇 점짜리 개발자인지 스스로 평가해볼 수 있는 항목들을 소개해보고,다음 글부터 저 역시 같이 평가해보는 시간을 가지도록 하겠습니다.1. 웹 뼈대 및 UI 구현 관리JavaScript로 DOM 요소 동적 조작: JavaScript를 사용해 DOM 요소를 동적으로 조작하고, 사용자 입력에 따라 인터페이스를 업데이트할 수 있나요?이벤트 리스너 구현 및 핸들링: 사용자와의 상호작용을 위해 이벤트 리스너를 구현하고 이를 효율적으로 핸들링할 수 있나요?TypeScript로 타입 정의 및..
vite로 react설치 명령어
·
웹개발/REACT
npx create-react-app .여기서 .은 현재 디렉토리에 설치를 뜻합니다.파일 만들어서 설치 원하시면 . 대신에 파일명 적어주시면 되세요. npm으로 설치하는거는 저는 3분 정도 걸리는거 같아요.yarn이 확실히 빠르긴 한데, 그냥 npm으로 합니다.그동안 잠쉬 폰하거나 유튜브 봐요.설치 완료되면 npm create vite@latestvite패키지를 설치합니다.어떤 모드로 선택해주시면 끝입니다.
[Git] git branch를 모르면 얼른 들어와야지 뭐해.
·
웹개발/GIt
자 git branch를 모른다고?서론 접고 바로 시작한다.너가 코드를 짜다가, 새로운 기능을 추가하고 싶어.그러면 어떻게 해?원본 파일에 코드를 추가해도 좋지만, 잘못해서 오류가 나거나 망가지면 어떡할래?진짜 울고싶고 화나고 다 접고 싶을거야. 음음.. 그럴거야. 그러면 겁쟁이 같지만 복사본을 만들고 거기다가 추가하는 방법잉 ㅣㅆ어.이러면 잘못되었을때 복사본을 날리면 되니까 간단하지? 그런데 이런건 하남자나 하는거야.상남자는 이렇게.. 크흠 이럴때 사용하는게git branch 브랜치명위 명령어를 사용하면 새로운 가지(파일)을 만드는 거야.branch는 나무의 가지라고 생각하면 돼.하나의 가지를 만들어서 거기다가 파일을 옮기는건데 잘못되면 잘라버리면 되니까.어때 복사본 만드는거랑 비슷하지?나는 test1..
[Git] vsCode에서 git 사용, git extention 추천
·
웹개발/GIt
저번 포스트에서 git add와 commit을 알려줬지.실습해봤어? 어때 아직 익숙치가 않아서 낯설거야.나도 처음에는 그랬어.하지만 익숙해지면 별 생각없이 슥슥 투두둑 치게 될거야.오늘은 vsCode에서 사용하는 방법을 알려줄게.터미널에 입력을 하지 않아도 돼.왜냐하면 요즘은 어떤 에디터를 사용하든 대부분에 git이 내장되어 있거든! vsCode의 경우이렇게 실타래? 지렁이 같이 생긴 아이콘이 git이야.너가 코드를 변경하게 되면 저기에 1이라는 숫자가 표시될거야.여기서 추가해볼게.왼쪽 git 아이콘에 1이 추가된게 보이지? 저거를 클릭하면이런 화면이 나오는데, 저 Message부분에 git commit -m "변경"의 변경에 해당하는 메세지가 들어가는거야.나는 저기다가 화이팅을 적어서 commit해볼게..
[Git] add와 commit으로 코드 관리하기
·
웹개발/GIt
Git 슬슬 공부하셔야죠?쉽게 알려드릴테니, 블로그 포스팅 차례로 쭉 따라오세요.기초는 싹 잡아드리겠습니다.시작합니다... 편하게 말할게요^_^궁금한거 댓글에 반말로 적어줘요 알려드릴게~~~Git은 코드관리를 위한 툴을 말하는거야.코드를 무지막지하게 작성하다가 보면.. 아 C.. 아까 거기로 돌아가야하는데 조졌네 이거..이럴 순간이 무조건 올거야. 무조건!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 이럴때를 위해 코드를 구간별로 저장해두는거지. VsCode의 사용을 추천할게.넌 Terminal을 열어야 하는데, 상단에서 터미널을 찾아서 열어도 되지만, 형은 Crtl+J 단축키를 사용한단다.그리고 윈도우를 사용한다면 아마 WindowPowerShell로 열릴거거든?이거는 유닉스 명령어..
[타입스크립트] interface와 type의 차이
·
웹개발/TypeScript
타입스크립트에서 변수, 상수의 타입을 정해주기 위해서 사용하는 대표적인 2가지가 있습니다.바로,interface,type입니다. 오늘은 이 2가지의 차이에 대해 알아보겠습니다.1. interfaceinterface는 이름을 똑같이 선언했을 때 자동확장이 가능합니다. => 병합이 가능하다.주로 객체의 타입을 설정할 때 사용됩니다.interface Person { name: string; age: number;}interface Person { old: string;}let a: Person = { name: "박수", age: 24, old: "심",};interface를 한 번에 정의하지 않고두번에 걸쳐서 정의하였지만 변수 a에는 문제가 없습니다.2. typetype은 기존에 존재하는 타입을 ..