profile
Newbie Frontender
post-thumbnail

[ToyProject] 가상키보드

키보드로 타이핑 했을 때 그 값을 input에 넣는다.(space,backspace 제외)마우스로 키보드의 자판을 눌렀을 때 그 값을 input 에 넣는다.한글로 타이핑 시 한글입력이 불가능하도록 한다.(판별식 이용)마우스 입력 시 keyDown과 keyUp이 다른곳에

2일 전
·
0개의 댓글
post-thumbnail

[Codestates]8주차 회고.Section2 마무리

사람은 누구나 열등감을 갖고 있다회고랑은 상관없지만 어떤 유튜브에서 들은 글귄데 있어보이길래 가져왔다. 슈퍼개발자라고 생각되는 사람들도 저마다의 열등감을 가지고 살아간다는 내용이었다. 자연스러운 감정이고 그 네거티브를 추진력으로만 가지고 살아갈 수 있으면 좋겠다는 생각

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[JavaScript] 코딩테스트용 메서드모음

substring의 마이너스 값은 0으로 인식slice의 마이너스 값은 뒤에서부터 서치toStrgin은 Arr가 쉼표(,)로 구분되어 하나의 문자열 반환join()은 배열의 모든 요소를 연결해 하나의 문자열로 반환concatsplice(시작인덱스,삭제할개수,추가할개수)

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[Codestates]7주차. 오늘은 회고가 아닌 진짜 일기

훈련지원금이 들어왔다. 소소하게 들어오는 금액 덕분에 취업준비를 여유롭게 할 수 있다는게 참 좋다. 국취제 2유형은 훈련지원금과 별개라서 미리미리 신청해 놓을 걸 그랬다.. 지금부터 최대한 빠르게 상담횟수 채운다고 해도 2개월 조금 넘는 로스가 생기는거니 금액으로는 6

2022년 6월 11일
·
0개의 댓글
post-thumbnail

프런트가 알아야하는 HTTP 프로토콜

통신을 위해 상호간에 정의한 규칙HTTP(Hypertext Transfer Protocol)는 웹에서 사용하는 브라우저와 서버 간에 데이터를 주고받는 방식이다.HTTP 프로토콜은 stateless 프로토콜이다. 데이터를 주고받기 위한 각각의 데이터 요청이 서로 독립적으

2022년 6월 5일
·
0개의 댓글
post-thumbnail

[CodeStates]6주차 회고

지난 5주차에는 주말에 몸이 너무 안좋아서 쉬었는데 이번주에 중간에 휴일이 있기도 하고 다음주 월요일도 쉬는 날이라 여유롭게 학습량을 보충할 수 있었다.5,6 주차때 공부했던 내용을 캘린더로 확인해보니 고차함수,객체지향,프로토타입,비동기,리액트 입문이다. 입문과정에서

2022년 6월 4일
·
0개의 댓글
post-thumbnail

메모리의 구조

프로그램이 실행되기 위해서는 먼저 프로그램이 메모리에 로드되어야 하고, 프로그램에서 사용되는 변수들을 저장할 메모리도 필요하다.프로그램이 운영체제로부터 할당받는 대표적인 메모리 공간은 다음과 같다.코드(code) 영역데이터(data) 영역스택(stack) 영역힙(hea

2022년 6월 1일
·
0개의 댓글
post-thumbnail

[Javascript]객체지향프로그래밍(OOP)

기존의 절차적 프로그래밍은 함수를 순차적으로 작동했는데 복잡한 어플리케이션을 만듦에 있어 직관적이지 않았습니다. 이후에 등장한 객체지향 프로그래밍은 사람이 세계를 보고 이해하는 방법을 흉내낸 프로그램 설계 철학입니다. 자바스크립트는 객체 지향 언어는 아니지만, 객체

2022년 5월 25일
·
0개의 댓글
post-thumbnail

[JavaScript] 클래스(class)와 인스턴스(instance)

객체지향은 하나의 모델이 되는 청사진(blueprint)을 만들고 그 청사진을 바탕으로 객체를 만드는 프로그래밍 패턴입니다.이 청사진을 class, 그리고 그것을 바탕으로 만들어지는 object들을 instance라고 합니다.class를 만드는 문법은 ES6에서 도입되

2022년 5월 25일
·
0개의 댓글
post-thumbnail

[CodeStates] 4주차 회고 + 1달차 KPT

이번 주 회고를 작성하려고 calender를 잠깐 봤는데 한 주 동안 일정이 되게 어지러웠던 것 같다. 특히 목요일,금요일 이틀동안 진행했던 '나만의 아고라스테이츠 만들기'는 이틀동안 내 시간을 다 투자했는데 Advanced를 제대로 구현할 시간이 부족했다. 내가 어떤

2022년 5월 21일
·
0개의 댓글
post-thumbnail

프로그램,프로세스, 스레드의 차이

특정 작업을 수행하기 위한 명령어들의 집합체로써 코드 덩어리로 저장장치(보조기억장치)에 저장되어있는 상태. 즉 실행파일을 의미한다.(정적인 상태)컴퓨터에게 프로그램을 실행할것을 요청(실행파일 실행)컴퓨터가 프로그램의 정보를 읽고 프로그램이 메모리를 사용할 수 있게 할

2022년 5월 21일
·
0개의 댓글
post-thumbnail

[JavaScript] Shallow Copy / Deep Copy

Shallow Copy(얕은 복사) 객체를 복사할 때 복사된 객체가 원본을 참조하고 있

2022년 5월 16일
·
0개의 댓글
post-thumbnail

[CodeStates]3주차 회고

벌써 코드스테이츠 교육 3주차가 되었다. 다른 수강생들 블로그나 깃허브를 보면 되게 대단해보이는 걸 만드신 분들이 있는데 그런 걸 보면 조바심이 나기도 했다. 그런데 6개월 과정에서 이제 3주했다고 생각하니 약간은 마음이 놓이는 것 같기도 하다.개발 실력과 문제 푸는

2022년 5월 15일
·
0개의 댓글
post-thumbnail

[Algorithm]SinglyLinked List by Python(연결 리스트)

List라는 것을 만드는 방법 중 하나. List라는 기능을 가진 Data Structure를 만드는 여러가지 방법 중에 하나다. 연결이 무엇인가? 연결을 프로그래밍으로 어떻게 표현하는가? Linked List란? data element들이 메모리에서의 물리적 배치

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[JavaScript]배열의 mutable / immutable

mutable(원본을 수정하는) method Immutable(원본을 수정하지 않는) method

2022년 5월 11일
·
0개의 댓글
post-thumbnail

[CSS]Flex를 이용한 레이아웃

각각의 요소를 목적에 맞게 배치하는 것일일이 float, inline-block을 도배하는 수고를 덜 수 있다.Flex의 속성을 이용해 수평, 또는 수직으로 레이아웃을 쉽게 구성할 수 있다.div 태그는 block의 성질이기때문에 한 줄씩을 차지하고 있습니다. Flex

2022년 5월 5일
·
0개의 댓글
post-thumbnail

[CodeStates] 1.5 주차 회고

1.5주차에 회고를 쓰는게 이상하긴 한데 내일 쉬는날이기도 해서 이제야 쓴다! 사실 1주차 회고 새벽감성에 썼다가 다음날 지웠다첫 주엔 사실 그렇게 일정이 빡세지 않아서 공부를 많이 했다기보단 앞으로 어떻게 공부할지에 대한 고민을 많이 했던 것 같다. 이번 주는 CSS

2022년 5월 4일
·
0개의 댓글
post-thumbnail

[JavaScript] Map과 Reduce

JavaScript의 유용한 메서드인 Map과 Reduce에 대해 알아봅시다위의 코드들을 보면 arr.map() method는 반복문을 돌며 arr내의 요소들을 일대일 대응(매핑)시켜 줍니다. 이 때 arr와 samearr는 모두 1,2,3이지만 같은 레퍼런스를 참조한

2022년 5월 1일
·
0개의 댓글
post-thumbnail

[JavaScript] Value와 Reference의 차이

Airbnb JS Style Guide 가 올라왔길래 공부해보려던 중 첫 문장부터 무슨 말인지 모르겠어1.1 Primitives: When you access a primitive type you work directly on its value.1.2 Complex:

2022년 5월 1일
·
0개의 댓글
post-thumbnail

[Algorithm]DFS,BFS by Python

이제 막 시작해서 부족하지만 공부한 내용을 조금씩이나마 포스팅해보려고 합니다. 설명이 잘못되거나 빈약한 부분 피드백 해주시면 반영하겠습니다! DFS는 스택(Stack)자료구조를, BFS는 큐(Queue) 자료구조를 이용합니다. STACK LIFO(Last

2022년 4월 29일
·
0개의 댓글