profile
디자인과 기획이 재미있는 프론트엔드 개발자 ✿˘◡˘✿ 블로그 이사 준비중. . .
post-thumbnail

1부 2장 : URL-1:URL과 리소스

URL을 왜 사용해야할까? 우리는 도시의 수많은 볼거리와 서비스들을 지칭하는 ‘표준 작명 프로토콜’을 사용하기로 한 것이다. 박물관, 레스토랑, 주택을 설명하기 위해 ‘길거리 주소’📭, 다른 사람에게 연락하기 위해 ‘전화번호’☎를 사용하듯이.

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

1부 : 웹의 기초, HTTP 개관

🌰 해당 글은 HTTP 완벽가이드를 정리한 내용입니다. 현대 인터넷의 공용어라고 할 수 는, 웹 브라우저, 서버, 웹 애플리케이션이 대화하는 방식. 어떤 포맷도 전 세계의 웹 서버로부터 정보를 빠르고, 간편하고, 정확하게 웹 브라우저로 옮겨준다.

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

1부 4장 : 커넥션 관리-1 TCP 커넥션과 그 과정

전 세계 모오오오든 HTTP 통신은 TCP/IP를 통해 이루어진다. 세계 어디에서나 클라이언트 애플리케이션은 서버 애플리케이션으로 TCP/IP 커넥션📎을 맺을 수 있다. 커넥션이 맺어지면, 주고받는 메시지는 손상되거나 순서가 바뀌는 일 없이 안전성을 보장 받는다.

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

[ES6] Prototype 상속과 체이닝

Yes. but, 다르언어와 다르게 프로토타입 상속에 기반을 둔 OOP언어이다.우리 집에 망치와 드라이버가 없다. ⇒ 아빠집에 간다. 여기도 없으면 ⇒ 할아버지 댁으로 간다.이미 부모 객체에 정의된 속성과 메소드를 그대로 물려받아서 재사용이 가능하다.새로운 기능을 자식

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

[ES6] Part1: Prototype객체와 생성자 함수

“자바스크립트는 프로토타입 기반 언어이다.”라는 말을 들어본 사람이 있을 것이다. 프로토타입이란 대체 무엇일까? prototype의 사전적 의미는 ‘원형’이다. 자바스크립트는 객체의 원형을 가지고 새로운 객체들(인스턴스)을 생성해가는 프로그래밍 방식으로 확장과 재사용

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

TypeScript로 Select 버튼 기능 구현-3

지난 번 글에서 recoil state별로 용도를 정리했고, 이번 글에서 select버튼 기능별로 구현한 방법들을 정리하고자 한다. 1. SortingBox에서 map()으로 정렬버튼 렌더링하기

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

TypeScript로 Select 버튼 기능 구현-2

지난 번 앱잼 기간동안 만들었던 select 버튼 커스텀한 것의 코드가 수정되어서 다시 올리게 되었다. 1) recoil의 state, type 설명과 사용된 곳 설명 2) 기능 단위로 코드 설명 isOpen이나 isSelected와 같은 상태들을 recoil로 관리

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

컴파일 언어와 인터프리터 언어

compile언어와 interpreter언어(script 언어) 비교 전, 프로그래밍 언어에 대해 알아보면컴퓨터가 이해할 수 있는 언어는 0과 1로 이루어진 이진수이다. 사람이 이해할 수 있는 프로그래밍 언어를 컴퓨터가 이해할 수 있도록 이진수로 변환하는 작업을 '컴파

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

프로그래밍 오류의 종류

: 컴파일러가 이해할 수 없는 코드를 발견한 경우, 프로그램의 실행을 막는 오류이다.대부분 컴파일 에러는 문법적인 이유에서 나타난다.ex) \- 키워드 맞춤법 오류, \- 문장부호 누락, \- if문 없이 end if를 사용한다든지.. \- 선언되지 않은 변수를

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

📁[javascript] Date 내장 객체

Date.now() 메소드를 사용하면 이 메소드가 호출된 시점의 타임스탬프가 반환된다. \-> 새로운 Date객체를 만들 필요가 없어서 코드가 간결해짐new Date() 로 현재시간 정보를 담은 Date 객체 생성 가능.let myDate = new Date();con

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

[JavaScript] Promise chaining과 에러핸들링

프로미스란 뭘까?🧐 : 어떤 작업에 대한 상태정보를 갖고있는 객체. fetch함수는 서버에 request를보내고, response를 받는다. ⇒ 성공할수도, 실패할 수도 있음 ⇒ 이러한 성공/실패 결과는 fetch함수가 리턴하는 **프로미스 객체**에 저장된다.

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

GIT reset해서 사라진 commit 복구하기

button+ul,li로 커스텀했던 셀렉트 드랍다운들을 select태그로 고치는 과정중에 했던 커밋들이었는데, 하루종일 삽질을 했던터라 결과적으로 플젝에는 필요가 없어진 코드였지만 . . . 삽질하면서 만들어놓은 코드가 날라갔다니. 멍했다.select태그는 처음 써보고

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

[APPJAM] Typescript로 select 버튼 기능 구현

야매 typescript로 어찌저찌 props type받아와서 select버튼을 직접 만들어보았습니다..button태그를 이용해서 직접 select 버튼을 만들고 있었는데, 해야할 것들이 다음과 같았다.선택한 기준(dropdown item)이 버튼 안에 들어가게drop

2022년 1월 17일
·
2개의 댓글
·
post-thumbnail

[React] useState, useEffect, useRef정리 및 실습코드

\*\*데이터 - state에 저장하기useStateHook 사용 이유useEffectuseRef\*\*변수가 변경될 때 자동으로 HTML이 리렌더링되게 하려면, 변수에 말고 state에 데이터 바인딩해야한다. 예를 들어 D-day계산기에서 처럼 입력한 숫자에 따라 표

2021년 12월 6일
·
1개의 댓글
·