profile
함께 하는 개발자

블로그 이전

https://parking-log.vercel.app/로 블로그 이전을 준비하고 있습니다~!

2023년 6월 3일
·
0개의 댓글
·

HTTP와 HTTP 메세지 구조

HTTP란 Hyper Text Transfer Protocol로, 인터넷에서 데이터를 주고 받을 수 있는 규칙웹 브라우저와 웹 서버간에 통신을 가능하게 하며, HTML문서, 이미지, 동영상 등의 웹 리소스를 전송하는데 사용서버와 클라이언트 간에 데이터가 교환되는 방식메

2023년 6월 2일
·
0개의 댓글
·

프레임워크와 라이브러리의 차이

라이브러리를 사용할 때 사용자는 어플리케이션의 코드 흐름을 직접제어개발 시 필요한 기능이 있을 경우 능동적으로 라이브러리를 호출하여 사용하거나 기존에 구성된 함수나 코드를 가져다 써야 함.반면 프레임워크는 어플리케이션의 코드가 프레임워크에 의해 사용어플리케이션 코드는

2023년 6월 1일
·
0개의 댓글
·

호이스팅과 TDZ

변수 : 변수는 하나의 값을 저장하기 위해 확보된 메모리 공간 or 그 공간을 식별하기 위해 붙인 이름식별자 : 변수의 이름 ... => 값이 아닌 메모리 주소를 기억함코드를 실행하기 전에 선언된 변수 및 함수를 해당 범위의 맨 위로 이동하는 JavaScript의 메커

2023년 5월 31일
·
0개의 댓글
·

브라우저 렌더링 과정 및 REST API

브라우저는 서버와의 데이터 통신을 통해 렌더링을 수행사용자가 브라우저를 통해 웹 사이트에 접속Resource Downloading : 브라우저는 서버로부터 HTML, CSS, JavaScript와 같은 웹사이트에 필요한 리소스를 다운 받음HTML DOM Tree 구축

2023년 5월 30일
·
0개의 댓글
·

[WIL] 주특기 클론코딩

이번 주차는 프론트와 백이 협업해 클론코딩을 진행했다. 처음에 사이트 클론에 대한 고민을 하다가 에어비앤비로 정해지게 되었는데 지난주와 비슷하게 백엔드와 협업이 잘 이루어졌고 분위기도 좋았다.서로 소통을 많이하며 오류를 잡아갔고, 새로운 기능들을 시도ㅗ하며 서로가 성장

2023년 4월 2일
·
0개의 댓글
·

[TIL] 카카오 소셜로그인

이번 프로젝트에서 로그인을 소셜로그인을 구현해보기로 하여서 카카오소셜로그인을 선택해서 구현해보기로 했다.카카오 소셜 로그인 클라이언트에서 인가코드 주지 않고 서버에서 직접 카카오 서버에서 인가코드를 받아서 redirect uri 백엔드 주소로 하면 값은 잘 가져오나

2023년 3월 30일
·
0개의 댓글
·

[TIL] 전역 axios 설정

첫 주특기로 프로젝트 협업을 진행했었는데, 생각보다 에러가 꽤 많았고, 해결하는데 시간이 오래 걸렸다. 개인 프로젝트를 할 때와 확연히 다름이 느껴 졌고 새벽까지 잠도 안자고 재밌게 코딩을 했다.전역 axios 설정axios는 브라우저가 처음 실행될때 같이 실행 된다

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

[TIL] CORS 에러

주특기 미니 프로젝트가 시작 되었다.백엔드와 처음하는 협업으로 나는 로그인, 회원가입 페이지를 맡았다.로그인 회원가입 페이지 구현을 끝내고 서버에게서 받은 주소를 연결하여 회원가입, 로그인을 하면 network 에러가 났다.그러면서 CORS에러도 같이 났는데 찾아보니

2023년 3월 19일
·
0개의 댓글
·

[TIL] redux-toolkit

사용 이유redux를 아무 라이브러리 없이 사용할 때 너무 많은 코드가 생성되어서 redux-actions라는 것을 사용하게 되고, 불변성을 지켜야하는 원칙 때문에 immer를 사용하게되고, store 값을 효율적으로 핸들링하여 불필요한 리렌더링을 막기 위해 resel

2023년 3월 13일
·
0개의 댓글
·

[WIL] 항해99 4주차

이번 주차에선 redux에대해서 공부를 하고, 반복을 하였다. 상태관리를 할 수 있는 라이브러리는 다양하지만 그중 redux는 다른 라이브러리들에 비해 뭔가 코드의 양이 방대하고, 작은 프로젝트를 할때에는 오히려 코드 양이 많아져서 Context API나 그런 것들을

2023년 3월 12일
·
0개의 댓글
·

[TIL] 비동기 통신

json 서버 실행 시 오류해결방법\-g를 붙혀서 전역으로 설치한다.npx json-server --watch db.json

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

[WIL] 항해99 3주차

3주차 주특기 입문 주차에서는 TodoList를 만들었다.이번 주차는 컴포넌트, props, state 개념을 이해하고 활용하는 주차 였다.리액트 컴포넌트에서 동적인 상태 값을 state 라고 부른다.Hook이 도입되기 이전 클래스형 컴포넌트에서 편리하게 상태값을 관리

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

[React] React hook

리액트 컴포넌트는 각각 Mount -> Update -> Unmount 의 과정을 거칩니다. 사람처럼 태어나고, 변화하고 죽는 것이다.리액트 생명주기(라이프사이클)란, 컴포넌트 중심 라이브러리의 집합체라고 보시면 됩니다. 모든 컴포넌트에는 각각의 생명주기가 존재하고 각

2023년 3월 3일
·
0개의 댓글
·

[WIL] 항해99 2주차 회고 3주차 시작

3주차는 React 입문주차로 강의를 제공받아 개인과제로 TodoList를 만들었다과제는 이틀 정도만에 끝을 냈지만, 리팩토링을 하려 했는데 에러가 많아서 다음주 과제 제출까지 찾아보고 고쳐볼 생각이다. 그리고 항해 동기분과 기술면접 스터디를 하면서 JS개념과 REAC

2023년 2월 26일
·
0개의 댓글
·

[TIL] 항해99 3주차

3주차 개인과제는 TodoList를 만드는 것인데 default 값으로 생성해둔 list들이 삭제를 누르면 같이 삭제되었다.처음에 삭제 버튼에 있는 함수에서 클릭 시 id값을 찍어 보았는데todos의 id값이 두개가 동일하게 찍히는 걸 보고 해결점을 찾지 못하고 있었는

2023년 2월 25일
·
0개의 댓글
·

[WIL] 항해99 2주차

함수와 객체JS 함수와 객체함수는 특정 코드를 하나의 명령으로 실행 할 수 있게 해주는 기능이다.함수를 만들 때는 function 키워드를 사용하며, 함수에서 어떤 값을 받아올지 정해주는 것을 파라미터(매개변수)라고 부른다.함수를 끝내는 방법은 return을 쓰면 함수

2023년 2월 19일
·
0개의 댓글
·

JS - 배열메소드

JS 배열메소드

2023년 2월 18일
·
0개의 댓글
·

[TIL] 항해99 2주차 4DAY

문제설명 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 처음문제를 풀땐 if문제 isNaN을 써서 판별을

2023년 2월 16일
·
0개의 댓글
·