티스토리

맨땅에 코딩 : 맨코

검색하기

블로그 홈

맨땅에 코딩 : 맨코

kimbangg.tistory.com/m

KimBangg 님의 블로그입니다.

구독자: 8

방명록 방문하기

주요 글 목록

블로그 포스팅을 멈춘 이유 조금 더 정리된 글을 전달하고자 노션에 작성한 뒤에, 정리하여 글을 올리고자 합니다 :). 공감수 3 댓글수 0 2022. 3. 2.
[TIL] 2021년 9월 28일 아침형 인간 ☀️ 코로나가 시작이 된 이후에, 저의 하루는 보통 점심 쯤 시작이 되었던 것 같아요. 굳이 아침에 일어나지 않더라도 필요한 공부나 일정이 있으면 생각보다 잘 해냈고, 그런 시간이 누적되면서 아침에 일어날 필요성을 크게는 못느꼈었는데요. 최근에는 주어진 과제나 일정이 바빠짐에 따라 나만의 시간이 없다는 생각이 많이 들더라고요. 생각정리를 하면서 썼던 TIL도 바쁘다는 이유로 노션 프로젝트부터는 제대로 쓰지도 못했고, 휴식은 종종 취했지만 뭔가 머리를 정리한다는시간을 가지지는 못한 느낌이 강했습니다. 그래서 오늘은 새벽 4시에 일어나서, 명상도 해보고, 달리기를 하러 나갔다 오고, 지금은 씻고 글을 정리하고 있는데요 :). 확실히 에너지가 넘치는 것 같고, 이렇게 여유를 내서 글도 쓸 수 있게.. 공감수 2 댓글수 0 2021. 9. 28.
[Network] UDP ( Transport Layer Protocol ) What is UDP ? 이전 포스팅에서 언급했던 것처럼, 멀티플렉싱된 데이터를 전달 받았을 때 "목적지 포트 번호" 만을 이용해 어플리케이션에게 데이터를 넘겨주는 역할을 수행합니다. 이러한 UDP 세그먼트는 아래와 같은 특징을 가집니다. 내용이 전송 중에 손실될 수 있다. 전송되는 세그먼트의 순서가 바뀔 수 있다. Connectionless: 연결 상태를 만들지 않는다. 오버해드가 적다: 세그먼트에 추가되는 헤더가 적다. 빠르다: UDP가 자체적으로 쓰루풋을 줄이지 않고, 세그먼트를 원하는 만큼 보낼 수 있다. 위와 같은 특징을 바탕으로 주로 "스트리밍" 사이트에서 사용되는 방식입니다. UDP CheckSum CheckSum은 데이터가 변형이 되지 않았는지 확인하는 값입니다. 전송 속도를 최적화 하기 .. 공감수 1 댓글수 0 2021. 9. 17.
[Network] Multiplex & Demultiplex ( with Transport Layer ) 전송 계층이란? 전송 계층이라는 말을 들으면, 머리 속에 어떤 느낌이 먼저 떠오르시나요? 저에게는 실제 데이터를 전송해주는 다른 컴퓨터를 사용하는 유저 또는 어플리케이션에게 전달해준다는 느낌이 굉장히 강했는데요. 하지만, 느낌과는 다르게 전송 계층은 제 컴퓨터 내부의 데이터를 각 어플에게 올바르게 전달하고, 이러한 방식이 다른 컴퓨터 내부에서도 올바르게 전달될 수 있도록 양식을 정해준다는 느낌을 많이 받았던 것 같습니다. 쉽게 말하자면 반장 같은거죠 :D. 그래서 아래의 글을 읽을 때 다음과 같은 생각을 가지고 계시면 이해하기가 훨씬 쉬울거라고 생각합니다. "전송 계층은 반장이다. 그래서 컴퓨터(=섬) 내부의 앱(=사람들의 메세지)를 관리해주는 사람이다." 전송 계층은 무슨 역할을 수행하나요? 전송계층은.. 공감수 2 댓글수 0 2021. 9. 17.
[MAC] BackTick( ` ) 으로 고정시키기 1. Why? 개발을 하다보면, 분명 백틱(backtick) 자리가 "1" 왼쪽에 있는걸 알고 있다. 하지만, 간혹 가다가는 원화 모양이 입력 될 때가 있는데 원인을 알지 못하고 내가 잘못 기억했는지? 아니면 위치가 특정 조건에만 가능한지 답답함을 가지고 사용을 했었는데 "한글"로 전환 될 때 이러한 문제가 발생 한다는 사실을 알게 되었다. 이를 통해, 한/영 모든 값에서도 원화가 아닌 backtick이 고정적으로 입력이 되는 방법을 공유 하고자 글을 쓰게 되었습니다 ^^7 2. 설정 방법 // 라이브러리 폴더로 이동합니다. cd ~/Library // 폴더로 이동 후, KeyBindings 이라는 폴더를 만듭니다. mkdir KeyBindings // KeyBindings 폴더로 이동합니다. cd Ke.. 공감수 5 댓글수 1 2021. 9. 10.
[TIL] 2021년 9월 9일 나는 과연 개발자가 될 수 있을까? 🤔 목표했던 것처럼, 다른 팀원들이나 주어진 정보에 최대한 의존 하지 않고 노션 프로젝트를 잘 마무리 할 수 있었다. 주어진 API를 트리 형태로 나열 하는 것, 자동으로 데이터 저장 하는 것, 저장된 데이터가 화면에 즉각 반영되는 등 어려웠던 기술들에 굴복 하지 않았다는 것에 정말 큰 만족감을 느꼈다. 하지만, 시간이 지남에 따라 내가 가진 문제점에 마주할 수 있었는데 그것은 바로 '주어진 업무' 에 만족해버린다는 것이였다. 당연히 내가 봤을 때 필요하다고 느껴지는 항목들에 대해서는 꼼꼼하게 수정을 했지만, 필요 없다고 판단해버린 기능들은 만들지 않았고, 이러한 귀찮음과 오만은 리팩토링까지 미루어 버리는 대참사를 낳아버렸다. 이 때부터 "나는 끝까지 못하는 사람인가?.. 공감수 3 댓글수 2 2021. 9. 9.
[운영체제] 단편화와 페이징 기법 머릿말 🖋 이전 글에서 메모리 바인딩에 관련된 글을 작성 하였습니다. 이 때, 런타임(=실행 시간) 바인딩을 하면 연속 할당을 한다고 이야기 드렸는데요. 이를 통해 발생하는 문제와 해결 방법에 대해 알아보겠습니다. 외부 단편화 ( External Fragmentation ) 연속 할당을 하는 경우, 프로세스를 연속적으로 적재합니다. 당연히 사용이 완료되면, 제거도 하겠죠 :D 이 때, 2번 순서의 2-5 프로세스 사이의 하나의 큰~~ 빈 공간이 생겨버렸죠 ! 이를 Hole이라고 표현합니다.\ 아래와 같이 운이 좋게, 9번과 10번 프로세스가 들어가고 끝나면 문제가 없겠지만! 저런 Hole이 여러 개가 발생되면 어떨까요? 그리고 저런 Hole은 합치면 하나의 프로세스가 들어갈 수 있다면 그 공간이 아깝지 .. 공감수 0 댓글수 0 2021. 9. 9.
[운영체제] 메모리 주소 바인딩 머릿말 모든 프로세스는 메모리에 적재 되어야 작동이 될 수 있기 때문에, 매우 비싼 자원으로 여겨집니다. 그렇기 때문에 주어진 메모리를 최대한 활용하는 것이 중요한데요. 그리하여, 오늘은 [ 메모리 바인딩과 메모리 관리 전략 ] 에 관해 포스팅을 하고자 합니다. 메모리 주소 바인딩 ( Memory Address Binding ) 위에서 이야기 했던 내용처럼, 프로세스가 실행 되기 위해서는 "메모리" 에 적재가 되어야 합니다. 하지만 이 때 직접적인 주소 값을 받는 것이 아닌 논리적 주소를 할당 받게 되는데요. 이 때 논리적 주소를 진짜 주소와 맵핑을 해주는 것을 메모리 주소 바인딩 이라고 합니다. 더보기 여기서 잠깐 ! 그렇다면 왜 최초에 논리적 주소만을 받고 이를 맵핑 하는걸까요? 만약, 직접 주소를 .. 공감수 1 댓글수 0 2021. 9. 8.
[TIL] 5주차 회고 잉.. 내가 왜? 🥸 데브코스를 진행하면서, 배움 기록왕과 칭찬을 많이 받은 TOP3 크루로 선정이 되었다. 당연히 나보다 더 뛰어난 사람들이 많았다고 느꼈기 때문에 단 1의 기대도 하지 않았던터라 발표 당시 얼굴이 굉장히 빨개졌던 기억이 난다. 1) TIL은 깔끔하지 못하고, 부족한 점이 많아서 리아에게 개선점을 물어봤던 상황이였고, 2) 팀원들과는 물론 무척무척 잘 지내지만, 소통의 과정 속에서 말을 줄이고, 정리하자는 생각을 가지고 있었던 상황이였기에 놀라움은 배가 되었던 것 같다. 하지만, 이러한 행복 속에서도 내가 가진 문제점을 하나 발견할 수 있었는데! 그것은 바로 칭찬을 온전히 받아들이지 못한다는 것이였다. 혹여나 누군가 아쉬움을 가지고 있을까하는 생각에 "겸손" 한 태도를 가지려고 하다보.. 공감수 3 댓글수 0 2021. 9. 6.
[ TIL ] 2021년 8월 24일 ( short ) 학습의 태도 로토님의 강의가 시작 된 이후, "왜 저렇게 했는지 명확하게 이해 하고싶다" 라는 생각이 강했다. 그래서 그런지 나름 이해가 잘됬다고 느껴졌던 수업들도 다시 들으며 여러 번 코드를 작성하였고, 코드를 다 작성했을 때는 데이터가 어떻게 흐르는지 관찰 하는 시간들을 가졌다. 덕분에 이전부터 어려워했던 [ 콜백 -> Promise, Component 단위로 생각하기, App 에서 관리하기 ] 등등 조금 더 어플리케이션으로 효과적으로 구현할 수 있는 방법들을 배울 수 있었다. 내일부터는 "노션 클론코딩" 이라는 개인 프로젝트가 진행 되는데, "만드는 것" 자체에 집중 하기보다는 "어떻게, 그리고 왜" 라는 포인트를 두면서 개발에 임했으면 좋겠다는 다짐을 확고히 하고자 TIL 을 간단하게 작성 해보았.. 공감수 1 댓글수 0 2021. 8. 24.
[운영체제] DeadLock ( 교착상태 ) DeadLock(교착상태)란? 두 개 이상의 작업이 서로 상대방의 작업이 끝나기를 기다리며, 어떤 작업도 완료되지 않는 상태를 의미합니다. [프로세스 1]는 프로세스2에게 할당된 자원 2를 요구하고, [프로세스2]는 프로세스2에게 할당된 자원1을 할당하면서 어떤 프로세스도 자원을 얻지 못하고 무한히 대기 하게 됩니다. 교착상태를 사진으로 본다면, 다음과 같은 상태 일거에요..💩 DeadLock(교착상태) 발생 조건 상호배제(Mutual exclusion) : 한 자원에 여러 프로세스가 동시접근 불가 X 점유대기(Hold and wait) : 자원을 가진 상태에서는 다른 프로세스가 사용하는 자원 반납을 대기한다. 비선점(No preemption) : 프로세스가 어떤 자원의 사용을 끝낼 때까지 그 자원을 뺏.. 공감수 0 댓글수 0 2021. 8. 24.
[TIL] 데브코스 3주차 회고 나는 과연 잘하고 있을까? 🎯 공포의 함수형 프로그래밍을 학습했던 2주차, 사실 이 때 나는 과정에 충실 하지 않았다. 일단 배우는 내용 자체가 너무 어려웠으며, 솔직하게 이야기 하자면 "이걸 왜 배우는거지?" 하는 생각도 있었던것 같다. 그렇게 전 주와는 다르게 과제 및 수업에 대한 열정을 잃고, 당연히 관련된 다른 요소들에게도 부정적 영향을 줬던 것 같다. 하지만, 과연 진짜 내용이 어려워서 내가 포기한걸까..? 고민하던 도중 팀원들의 모습에서 답을 얻을 수 있었다. 누군가는 온전한 이해를 위해 수업에 몰두하여, 잠을 줄이기도 했으며, 다른 누군가는 과제를 온전히 자신의 힘으로 끝내며 끊임없이 수정해나가고 있었다. 이런 모습들을 통해 나는 "어려워서가 아니라 내가 어렵다고 단정 지었기 때문에" 실패를.. 공감수 8 댓글수 4 2021. 8. 20.
[TIL] 2021년 8월 19일 코어 타임 전 📚 스터디는 즐거워 "코어 타임 전에, 어려웠던 수업 내용을 같이 정리하면 어떨까요?" 라는 나의 요청에 팀원들의 전원 찬성을 얻어 시작한 스터디가 벌써 3주째 이어지고 있다. 처음에는 매일 만났지만, 피곤함과 대화의 소재가 줄어들면서 주 2회로 줄어 들었고 모두가 느끼는거지만 가끔은 한풀이만 하다가 끝나는 날들도 있었던 것 같다. 그래서, 아쉬운 마음에 이 시간을 활용할 방법에 대해서도 이야기를 나누고 방법들을 찾아 나가던 도중 최근 관심이 있거나, 별도로 학습한 내용을 나눠보자는 이야기를 하였고 그렇게 "자바스크립트 메모리"에 관한 이야기를 팀원들과 나눌 수 있었다. "듣고 싶은 사람들만 모여서 별도로 해보자"라고 했지만, 전원이 참석했다는 점과, 하나의 주제를 가지고 말똥말똥하게 이야.. 공감수 3 댓글수 0 2021. 8. 20.
[운영체제] 멀티쓰레드 ( Multi-Thread ) 쓰레드란 무엇인가? - 쓰레드(Thread)란 실행 중인 프로그램인 프로세스(Process)의 실행 단위이다. - 하나의 프로세스에는 여러 개의 쓰레드가 존재할 수 있다. - 쓰레드는 다른 쓰레드와 [코드, 데이터, 기타 자원] 등을 공유한다. - 사용자 레벨 스레드 동일한 메모리 영역에서 스레드가 생성 및 관리가 되므로, 속도가 빠릅니다. 커널에서 내부 쓰레드에 대해서 인지하지 못하여 해당 프로세를 제거하여, 여러 개의 쓰레드가 한 번에 종료 될 수 있습니다. - 커널 레벨 스레드 운영체제가 지원하는 스레드 기능을 제공하고, 하나가 종료되도 다른 스레드에 영향을 미치지 않습니다. 예시 - 가지마 익스플로어 과거에 대부분 인터넷을 "익스플로어" 로 작업 했을 때, 이런 끔찍한 이미지를 보신적이 있나요? .. 공감수 0 댓글수 0 2021. 8. 19.
[운영체제] 프로세스의 생성 및 협동 ( by IPC ) 프로세스의 생성 - 부모 프로세스는 자식 프로세스를 생성하여, 프로세스의 트리를 만들어낸다. 프로세스의 협동 독립된 프로세스는 서로에게 영향을 미칠 수 없고, 오직 협동 할 때만 공유가 가능하다. 프로세스 협동의 장점 - 정보 공유 - 연산 속도 증가 - 모듈화 - 편리함 IPC ( InterProcess Communication ) 독립적인 프로세스들이 정보를 교류하고, 소통하기 위해서 사용되는 메커니즘이다. - Shared Memory Model 공유 메모리 모델에서는 협동하는 프로세스들에 의해 설립된 메모리가 존재한다. 소통의 편리함과 빠른 속도를 보장한다. - Message-Passing Model 데이터로 서로 보내고, 받으면서 작동된다. 충돌이 발생 하지 않기 때문에, 적은 양의 데이터를 보내.. 공감수 1 댓글수 0 2021. 8. 19.
[TIL] 2021년 8월 17일 코어 타임 전 📚 - 자바스크립트 스터디 발표 준비 매쉬업에서 딥다이브 스터디를 모집하여 참여를 하게 되었습니다. 그 이유는 데브코스 4주차까지는 바닐라 자바스크립트만을 쓰면서 탄탄한 기본기를 가지는데 중점을 두고 있기에, 전반적인 이론을 알고 있다면 보다 깊은 학습이 가능해질 것이라고 생각했습니다..! 이전에도 변수와 관련된 아티클을 작성하고, 메모리 모델에 대해서 다루었기에 "변수" 파트에 큰 어려움은 없었지만, [ 왜 메모리는 값이 변경될 때 동시에 변경이 되는지? ] 라는 질문을 받게 되어 이를 알아내기 위해 꽤 오랜 시간이 투자 되었네유..! 🥸 나는 어떠한 것을 배울 때 "그것이 맞다" 는 생각을 가지고 단순히 따라가는 반면에 개발에 보다 오랜 시간을 투자한 사람들은 과정 과정 속에서 의문을 .. 공감수 2 댓글수 0 2021. 8. 18.
[ JavaScript ] 변수란? 1. 식별자 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 아래의 코드에서 보이는 것처럼 myNumber 는 23이라는 값을 식별할 수 있다. var myNumber = 23; 이 때, 23 이라는 값을 직접 저장하는 것이 아닌, 이 값을 참조 하고 있는 메모리 주소를 기억해야 한다. 즉, 식별자는 메모리 주소에 붙여진 "이름" 이라고 생각을 해주면 좋을 것 같다. 2. 변수 선언 자바스크립트는 메모리 직접 제어를 통해 발생할 수 있는 에러를 방지 하기 위해서 개발자의 접근을 허용하지 않습니다 . 그렇기 때문에, 10 + 20과 같은 값을 재사용 하기 위해서는 이를 변수에 저장해서 사용을 합니다. 이러한 변수를 사용 하기 위해서는 우선적으로 선언이 이루어지는데, 선언을 한다는 것은 값을 저장.. 공감수 0 댓글수 0 2021. 8. 17.
[TIL] 2021년 8월 12일 코어타임 전 📚 오늘도 또터디 :D 이제 팀원들끼리 꽤나 많이! 친해졌다는 느낌이 든다. 이전에는 누군가 제안을 했을 때 대부분 수용했지만, 현재는 더 나은 방향을 위한 건설적인 토론이 이어졌다는 것을 느낄 수 있었다. 일례로 오늘 스터디 방법에 대해서, [ 코드를 오픈하고 각자 범위를 정해서 하는게 어떤가? ] 라는 의견을 제시 했었는데 회의에서만 모두 해결하려고 한다면 시간상 문제가 많을 것 같다는 의견을 받을 수 있었다. 그리하여, "질문" 을 올려서 댓글을 다는건 어떤가? 라는 의견을 시작으로, 끝내 해결 되지 않은 문제는 멘토님에게도 전달하면 좋겠다는 의견까지...bb 어느새 "팀" 이라는 가치도 생겼다는 느낌에 괜시리 감동쓰 ✨ 코어타임 ing 🏃🏻 최근에는 함수형 프로그래밍을 배우고 있는데,.. 공감수 0 댓글수 0 2021. 8. 12.
[ 네트워크 ] OSI 7계층 응용 계층 ( Application layer ) - 데이터를 받는 "엔드 시스템"이 이해 할 수 있는 방식으로 데이터 형식으로 변환합니다. - 대표적인 프로토콜로는 [ HTTP, SMTP, FTP ] 등이 존재합니다. - 대표적인 어플리케이션으로는 [ 크롬 ,카카오톡, 줌 ] 등이 있습니다. * 카카오톡 메세지를 받는 상황을 예시로 들어 보겠습니다. 1) 친구가 저에게 메세지를 보냈다고 가정하면, 서버에는 새로운 대화 메세지가 오게 될 것입니다. 2) 서버는 저에게 "신규 메세지"를 보내 주어야 하는데, 이 때 상태를 파악 할 수 있도록 데이터에 [ status code : 500 ] 와 같은 정보들을 붙여서 보내줍니다. 3) 여러 계층을 거쳐서, 제 응용계층으로 오게 되면 추가 정보를 파악하고, 메세.. 공감수 2 댓글수 0 2021. 8. 11.
[ DS ] 트리 & 이진트리 1. 트리(Tree)란? - 이전에 다뤄왔던 것들과는 다르게 "비선형" 구조인 계층 구졸르 가진 자료구조입니다. - 여러 데이터가 계층 구조 안에서 서로 연결된 형태를 나타날 때 사용됩니다. 2. 용어정리(트리) - 루트(Root) : 가장 상위에 있는 노드를 뜻합니다. - 노드(Node) ; 트리 안에 들어있는 각 항목을 말합니다. - 리프(Leaf) : 자식이 없는 가장 끝에 있는 노드를 의미합니다. 3. 트리의 특징 left = index * 2 right = index * 2 + 1 parent = floor(index / 2) 4. 트리의 종류 - 이진트리 정점이 최대 2개의 자식을 가지는 트리를 의미한다. - 완전 이진트리 리프 노드를 제외하고 모든 정점이 채워져있다. - 포화 이진트리 완전 .. 공감수 0 댓글수 0 2021. 8. 10.
[ DS ] Heap 1. Heap 우선순위가 높은 요소가 먼저 나가는 특징을 가진다. 루트가 가장 큰 값이 되는 최대 힙과 루트가 가장 작은 값이 되는 최소 힙이 있다. 2. 힙 추가 요소가 추가 될 때는 트리의 가장 마지막 정점에 위치한다. 추가 후 부모 정점보다 우선순위가 높다면 부모 정점과 순서를 바꾼다. 완전 이진 트리의 높이는 log n 이기에 힙의 요소 추가 알고리즘은 O(log n) 시간복잡도를 가진다. class maxHeap { constructor() { this.heap = [null]; } push(value) { // 힙에 가장 끝에 추가 this.heap.push(value); let currentIdx = this.heap.length - 1; let parentIdx = Math.floor(cu.. 공감수 1 댓글수 0 2021. 8. 10.
[운영체제] 프로세스 스케줄링 ( Process Scheduling ) 들어 가기 전에 이 내용은 이전 포스팅인 프로세스란 무엇인가? 를 기반으로 작성된 글입니다. 프로그램과 프로세스의 차이 / PCB / 메모리 모델에 대해서 헷갈리는 내용이 있으시다면, 위 포스팅을 선행으로 보는 것을 권합니다. 멀티 태스킹 우리는 컴퓨터를 할 때 보통 [ 유튜브 켜놓기, 브라우저 검색, vscode 작성 ] 등 여러가지 작업을 동시에 진행합니다. 과연 컴퓨터는 이 작업을 "동시에" 처리 하는 걸까요? 정답을 미리 말씀 드리자면 "아니요" 입니다. 하나의 작업이 CPU를 점유 하고 있는다면, 다른 작업의 개입이 불가능 합니다. 그러므로 작업을 빠르게 순환 시켜주면서 우리가 마치 동시에 작업이 이루어지는 것과 같은 기분을 주는데요. 이 것을 문맥 교환(Context Switching) 이라고.. 공감수 1 댓글수 0 2021. 8. 10.
[운영체제] 프로세스란? ( What is Process in OS ? ) 1. 프로세스 (Process) 프로세스는 실행 중인 프로그램을 일컫는 말입니다. 그렇다면 우리가 일반적으로 말하는 프로그램은 무엇일까요? 쉽게 생각해서 저장 장치에 존재하며 실행 되기를 기다리는 코드와 데이터의 묶음 이라고 생각 해주시면 됩니다. 이러한 프로그램이 실행이 됬을 때 비로소 우리는 프로그램을 프로세스라고 부르게 됩니다. 고로, 프로그램은 수동적(Passvie) / 프로세스는 능동적(Positive) 로 보통 표현이 되죠 :D 2. 프로그램이 프로세스가 되려면? - 실행 ""실행된 프로그램이 프로세스다" 라는 이야기를 나눴습니다. 이 때, 실행 된다는 것이 무엇을 의미 하는걸까요? 여기서 실행이란 프로그램이 메모리에 적재되어 CPU를 할당 받은 상태를 의미합니다. 그렇기에 위에서 언급한 내용.. 공감수 1 댓글수 0 2021. 8. 10.
[TIL] 2021년 8월 9일 코어 타임 전 🙋🏻‍♂️ 오늘도 또터디 오늘도 11시 스터디로 하루를 시작을 했습니다~~ :D 주말에 바쁜 분도, 저처럼 편안하게 휴식을 한 분들도 계셔서 그런지 이야기 할 내용이 크게 많지는 않아서 근황 Talk 만을 하고 마무리 했습니다. 미리 수업을 듣자 ;D 오늘은 특강이나 멘토링 등 강의에 온전히 집중이 어려울 것 같아서, 미리 강의를 들었습니다. 선협님의 기본 자바스크립트 강의에서 마지막으로 "에디터 구현" 을 실습 했는데, 역시 만드는 것이 이론만 배우는 것보다는 그래도 재미있다는 생각을 가질 수 있었습니다. 그리고 유인동 강사님의 함수형 프로그래밍을 오늘부터 시작했습니다~~ !! 코어 타임 ing 🏃🏻 특강 처음에는 마르코 멘토님의 "스터디 운영법" 을 시작으로, 이어서 썬 매니저님의 노션.. 공감수 2 댓글수 0 2021. 8. 9.
이터레이터 & 제네레이터 ( iterator & generator ) 1. ES5의 리스트 순회 일반적인 프로그래밍 언어와 같이 숫자라는 "키"로 순회 하였습니다. const list = [1,2,3]; for ( var i = 0; i < list.length; i++ ) { console.log(list[i]); } 2. ES6의 리스트 순회 ES6 에서는 가독성을 위해 for of의 사용을 권고합니다. 하지만 일반적인 경우와는 달리 "키"가 없는데, 어떤 방식으로 순회를 하는걸까요? // 훨씬 간결하고, 선언적인 순회 방법 const ( const val of list ) { console.log(val); } 3. [ Array, Set, Map ] 을 통해 알아보는 이터러블 & 이터레이터 3-1 이터러블 & 이터레이터 이란? - 자바스크립트의 [ 배열, 객체, 맵.. 공감수 0 댓글수 0 2021. 8. 9.
[ 자료구조 ] 배열 ( Array ) 배열 ( Array ) 배열은 연속된 메모리에 저장이 되고, 사이즈 변경이 불가능합니다. 단, 자바스크립트에서는 사이즈가 동적으로 변합니다. 자바스크립트의 배열은 해시 테이블로 구현된 객체이므로 인덱스로 접근하는 경우에는 일반 배열보다 속도가 느리지만, 삽입 & 삭제의 경우에는 보다 빠른 성능을 기대 할 수 있다. ( ArrayBuffer를 쓰면 실제 배열과 비슷하게 동작이 가능 ) 연속된 메모리 구조 덕분에, 삽입과 삭제 작업은 선형 시간인 O(n) 만큼 소요 됩니다. 삽입의 경우, 새로운 값 이후의 인덱스들을 모두 뒤로 밀어야 하고, 삭제의 경우, 빈 인덱스로 이후의 값들을 당겨 와야 합니다. 삽입, 삭제는 느리지만 탐색의 경우 인덱스를 통해 O(1) 만에 접근 할 수 있습니다. 하지만, 정렬 되지 .. 공감수 1 댓글수 0 2021. 8. 5.
[ 자료구조 ] 연결 리스트 ( Linked List ) 1. 연결 리스트의 특징 메모리가 허용하는한 요소를 제한없이 추가 할 수 있습니다. 배열과 다르게, 메모리가 연속적으로 저장 되어 있지 않기 때문이다. 탐색은 O(n)이 소요됩니다. 인덱스가 존재 하지 않기 때문에, 찾는 대상을 만날 때까지 순회를 해야합니다. 요소를 추가하거나 제거 할 때는 O(1)이 소요됩니다. 단, 요소의 추가와 삭제를 위해서는 장소의 탐색이 발생하기에 이 작업을 최소화 하는 것이 중요합니다. 링크드 리스트의 유형으로는 [Single, Double, Circular] 총 3가지가 존재합니다. 2. 배열과의 차이점 1. 배열과 연결 리스트의 가장 큰 차이점은 메모리에서 발생합니다. 2. 연결 리스트는 산발적, 배열은 연속적으로 이루어져있습니다. ( => 배열은 연속적인 메모리 구조를 .. 공감수 1 댓글수 0 2021. 8. 5.
[TIL] 2021년 8월 4일 코어 타임 이전 📚 오늘도 어김없이 "11시 론팀 스터디"로 하루를 시작 했습니다. 강의가 쌓아 가면서, 서로 오가는 질문들도 많아 졌고 ! 팀원들 사이에 친밀도도 많이 올라갔다는 감정을 느낍니다 :D 혼자 느끼는 생각이 있다면, 성인이 되고 나서는 말을 놓지 않아도(?) 편한 관계들이 꽤나 많이 유지가 된다는 것을 느끼고 있습니다! 너무 강박적으로 편안한 분위기를 만들려고 하지 않아도 된다는 점을 배울 수 있었습니다. 아마도, 사람들이 좋아서 그런게 아닐까? 싶기도 합니다bb 코어 타임 Ing 🏃🏻 오늘은 기본 자료구조 [ 스택, 큐, 연결 리스트, 배열 ] 를 중심으로 한 강의가 이루어졌습니다. 전반적으로 강의가 이루어진 자료구조 자체는 어렵지 않으나, 이를 활용 할 수 있을 정도의 이해가 중요하다고.. 공감수 2 댓글수 0 2021. 8. 5.
[ JavaScript ] 정규식 ( Regular Expression) 들어가기전에 정규식은 특정 문자열을 찾고, 이를 특정한 내용을 바꿀 때 "매우 매우" 유용하게 사용됩니다. 실제로 정규식을 사용 하고는 싶었으나 ! 이해가 어려워서 미루고 있던 도중 강의를 만나게 되어 ! 정리를 하게 되었습니다. 1. 정규식 생성하기 정규식의 생성은 아래와 같이 "//" 로 감싼 뒤, 변수에 담아두는 방식과 const regExp = /abc/; 다음과 같이 생성자를 이용하여 만들 수 있습니다. const regExp = new RegExp("abc"); 2. 정규식 사용법 특수 문자 특수문자는 \(백슬래쉬)를 앞에 붙여 줌으로써, 특수문자가 그대로 사용 될 수 있도록 해야합니다. const regExp1 = /\*/; const regExp2 = /\?/; 플래그 조금 더 섬세한 패턴.. 공감수 0 댓글수 0 2021. 8. 3.
[TIL] 2021년 8월 3일 코어 타임 전 📚 오늘은 처음으로 팀원들과 함께 스터디를 진행 하였습니다 :D 전 날 강의에 대해서, 정리를 하고 어려웠던 점을 공유 하면서 시간을 썼는데요. 이전에 굳어있던 딱딱한 분위기도 많이 해소되고, 팀원들과 이야기를 나누며 각 개인의 성향도 알 수 있었습니다. 앞으로의 과정 속에서는 스터디의 시간이 길어짐이 분명하지만, 첫 날 이였기에 1시간 안에 끝났습니다. ( 내일은 과연..? ) 코어 타임 ing 🏃🏻 오늘의 수업 중에서 가장 인상이 깊었던 내용은 [ 정규식과 태스크 큐 ] 에 대한 이야기를 해보겠습니다 :D 1. 정규식 ( Regular Expression ) 정규식의 경우, 이해가 어려워서 항상 기피를 해왔습니다. 그리하여, 실제 개발 과정 속에서도, 알고리즘 문제를 풀 때도 " 아 이.. 공감수 1 댓글수 0 2021. 8. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.