profile
프론트엔드 개발자 입니다.

api? REST api? 무엇일까

api는 프론트엔드 계의 꽃🌷이라 불리우며, 서버와 클라이언트가 서로 소통을 할때 중요한 역할을 담당하기 때문에 면접에서 중요하게 다루는 주제이기 때문에 한번 정리해보고자 한다. \-api란? 응용프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어에서 제공하는

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

쿠키 vs 웹 스토리지(로컬 스토리지, 세션 스토리지)

쿠키와 웹스토리지를 알기 전에 http 통신규약에 대해 먼저 설명해보려고 한다. http는 클라이언트가 서버에 request(요청)을 보내고 서버는 클라이언트에게 request에 대한 response(응답)을 보내고 접속을 종료하게 된다. 그리고 인증에 쓰는 상태 정보

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

원시타입과 참조타입

자바 스크립트의 변수 타입에는 크게 Primitive type(원시타입)과 Reference Type(참조타입)으로 나누어져 있다. 원시타입(Primitive type)의 변수들은 데이터 복사가 일어날 때 메모리 공간을 새로 확보하여 독립적인 값을 저장하며, 참조 타입

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

연필 개수

연필 1 다스는 12자루입니다. 학생 1인당 연필을 1자루씩 나누어 준다고 할 때 N명이 학생수 를 입력하면 필요한 연필의 다스 수를 계산하는 프로그램을 작성하세요.▣ 입력설명첫 번째 줄에 1000 이하의 자연수 N이 입력된다.▣ 출력설명첫 번째 줄에 필요한 다스 수를

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

삼각형 판별하기

길이가 서로 다른 A, B, C 세 개의 막대 길이가 주어지면 이 세 막대로 삼각형을 만들 수 있 으면 “YES"를 출력하고, 만들 수 없으면 ”NO"를 출력한다.▣ 입력설명첫 번째 줄에 100이하의 서로 다른 A, B, C 막대의 길이가 주어진다.▣ 출력설명첫 번째

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

세 수 중 최솟값

100이하의 자연수 A, B, C를 입력받아 세 수 중 가장 작은 값을 출력하는 프로그램을 작성하 세요.(정렬을 사용하면 안됩니다)▣ 입력설명첫 번째 줄에 100이하의 세 자연수가 입력된다.▣ 출력설명첫 번째 줄에 가장 작은 수를 출력한다.▣ 입력예제 1 6 5 11▣

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

알고리즘 문제 시작!

알고리즘 문제 풀이 시작

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

Redux

Redux(리덕스)란?

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

next.js+Typescripte

Next.js는 서버 사이트 렌더링, 정적 웹 페이지 생성 등 리액트 기반 웹 애플리케이션 기능들을 가능케 하는 Node.js 위에서 빌드된 오픈 소스 웹 개발 프레임워크이다.💡 리액트 문서는 Next.js를 ‘권고하는 툴 체인들’ 중 하나로 언급하며 개발자들이 N

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

JavaScript - 새로운 es6 문법

새로운 es6 문법

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

JavaScript - 반복문

반복문

2022년 12월 25일
·
0개의 댓글
·

JavaScript - if문, switch/ 삼항연산식

요즘 코딩알려주는누나의 강의를 듣고 강의내용을 정리하고 있다.코딩의 처음 입문자라면 정말 쉽게 알려주는 강의여서 나처럼 방황하는 사람한테는 정말 추천하는 강의이다. 조건문의 값이 true 이기 때문이다. 조건문의 값이 false 이기 때문에 else문으로 들어가게 된다

2022년 12월 25일
·
0개의 댓글
·

JavaScript - object(객체)

요즘 코딩알려주는누나의 강의를 듣고 강의내용을 정리하고 있다.코딩의 처음 입문자라면 정말 쉽게 알려주는 강의여서 나처럼 방황하는 사람한테는 정말 추천하는 강의이다. 관련된 정보를 묶어서 하나의 데이터로 저장을 해주는 것을 말한다. 예를 들어 설명을 하면 나를 설명할때도

2022년 12월 20일
·
0개의 댓글
·

JavaScript- innerHTML&textContent

Element의 HTML과 XML을 읽어오거나, 설정할 수 있다 태그 안에 있는 HTML 전체 내용을 들고옴해상 노드가 가지고 있는 텍스트 값을 그대로 가져온다.Element의<예시>

2022년 12월 18일
·
0개의 댓글
·

JavaScript - array(배열)

관련있는 데이터들을 하나로 묶어 하나의 변수 아래 저장하는 것 pop() : 마지막에 있는 아이템을 뺌push(): 아이템을 배열 마지막에 추가 includes() : 해당 아이템을 배열이 포함하고 있는지 알려줌 - 아이템이 배열에 있는지 없는지 확인해줌 true/f

2022년 12월 16일
·
0개의 댓글
·

기술스택 배지로 깃허브 프로필 꾸미기

📌 이번 포스팅은 깃허브에서 많이 볼 수 있는 스킬 배지에 관한 포스팅입니다. 📌 사용법 기본구조 > 변형된 배치가 첨부된 구조 > 아래의 색상 표시와 표시를 찾아보면서 하면 더 쉽게 해볼 수 있다. https://simpleicons.org/

2022년 12월 11일
·
0개의 댓글
·

공공데이터 API에 있는 데이터 출력하기

이번에 개인 프로젝트를 공공데이터포털에서 제공하고 있는 Open API를 기반으로 만들려고 한다.아래 공공데이터포털 사이트에 가입하여 원하는 API에 대해 활용신청을 하면 된다.

2022년 12월 7일
·
0개의 댓글
·

Todo List 만들기 with Typescript(4)

🌱 할일 삭제하기 📌 할일 삭제 기능 구현하기 할일 삭제하기도 구글링을 통해 쉽게 기능 구현이 되었다. 하지만 여기서 문제점이 발생하였다. 할일을 삭제하려면 목록 하나만 삭제하여야 하는데 내가 쓴 목록 전체가 삭제되는 문제점이 발생하였다🥲 📌 전체코드

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

Todo List 만들기 with Typescript(3)

저번에 대략적인 디자인을 완성하고 지금부터는 기능 중점으로 설명을 해보려 한다. 기능을 구현하면서 타입 지정도 본격화 되는 느낌 이였다. 첫번째 관문이였다. 빈배열에 값을 설정해주는데 거기에 타입을 지정해주어야한다. 어떤식으로 지정을 해줄지 헷갈려 한 것 같다. 만들

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

Todo List 만들기 with Typescript(2)

🌱 수행해야할 목록 적어보기 > ** title 만들어주기 Recoil 설정하기 전체적인 틀 컴포넌트 만들어주기 할일 추가하기 할일 수정하기 할일 체크하기 할일 삭제하기 투두리스트에서 할 목록을 정해줬으면 하나하나 천천히 만들어보겠습니다! 이번에

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