profile
프론트엔드를 공부하고 있습니다.
post-thumbnail

[백준] 일곱 난쟁이

https://www.acmicpc.net/problem/2309쉬운 문제였으나, 나의 사고력 부족과 게으름이 여실히 드러난 문제였기 때문에 반성의 의미로 포스팅한다.9명의 난쟁이의 키가 주어졌을 때, 9명의 난쟁이 중 진짜 7명의 난쟁이를 찾아야 한다. 찾는

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

[프로그래머스] 주차 요금 계산

https://programmers.co.kr/learn/courses/30/lessons/92341누적 주차 시간을 계산한 후,누적 주차 시간이 기본 시간 이하라면 기본 요금누적 주차 시간이 기본 시간 초과하면 기본 요금 + 초과한 시간에 대한 단위 시간 \

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

[프로그래머스] 신고 결과 받기

https://programmers.co.kr/learn/courses/30/lessons/92334유저는 다른 유저를 신고할 수 있고, k번 이상 신고당한 유저는 이용 정지를 당한다. 유저 A가 신고한 유저가 이용 정지를 받는다면 유저 A에게 신고 결과를 발

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

[프로그래머스] 신규 아이디 추천

https://programmers.co.kr/learn/courses/30/lessons/72410이 문제는 문자열을 다루는 문제로, 오래 전에 이미 풀었었다. 그런데 얼마 전 포스팅한 정규식을 이용하면 더 간단하게 풀 수 있을 듯 하여 다시 풀어보고, 이전

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

정규표현식 정리

2년동안 미뤄 둔 정규표현식을 드디어 공부한다. 공부해야지 생각만 하며 외계어 같고 어려워서 미뤄뒀는데, 코딩테스트에서 문자열을 처리할 때 뿐만 아니라 실무에서도 정말 많이 쓰인다는 걸 깨달았다. 특히 회원가입 같은 기능을 만들 때, 이메일이나 전화번호를 sanitiz

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

자바스크립트 ES6, ES11 최신 문법 정리

이 포스트에서 다룰 것 2015년에 나온 ES6, 2020년에 나온 ES11 자바스크립트 신 문법에 대해서 알아본다. ES6 목록 Shorthand Property Name Destructing Assignemnt Default parameters Tenary Ope

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

시멘틱 태그와 헷갈리기 쉬운 HTML 태그들

이 포스트에서는 시멘틱 태그, 웹 접근성, SEO의 개념에 대해서 정리하고, 헷갈리기 쉬운 HTML 태그들을 비교할 것이다. 얼마 전에 보았던 면접 내용을 복기하면서, 부끄럽게도 기본적으로 알아야 하는 질문들에 대해 제대로 답변하지 못한 기억이 나서 정리해본다. 포스팅

2022년 4월 25일
·
2개의 댓글
post-thumbnail

리액트 useEffect

이 포스트에서 다룰 것 리액트 앱을 개발하면서 특정 컴포넌트의 렌더링 직전에 특정 작업을 해야 한다던지, 업데이트 된 후에 처리해야 한다던지 하는 일이 있을 것이다. 이런 상황에서 유용하게 쓰일 수 있는 훅의 개념과 사용법과 의존성 배열에 대해서 알아본다. 컴포넌

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

리액트 useState

리액트에서 함수형 컴포넌트를 사용한다면 훅(Hook)이라는 기능을 필수적으로 사용하게 된다. 지난 포스팅에서도 다루었지만, 예제와 함께 더 자세하게 기본 중의 기본 훅인 useState를 알아볼 것이다. 자바스크립트 ES6의 Destructuring Assignment

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

리액트 useMemo

이 포스트에서 다룰 것 컴포넌트를 최적화하기 위해 사용하는 대표적인 훅 , 중에서, 를 알아볼 것이다. 를 사용하는 방법과, 사용하면 무엇이 좋은지를 알아본다. 배경 지식 Memoization(메모이제이션) 라는 이름에서 알 수 있듯이 는 말 그대로 메모를 하는 방

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

DNS란?

웹 브라우저의 동작 순서 포스팅을 하면서 나왔던 개념인, DNS가 무엇인지 학습한다. 학부생 시절 네트워크 수업을 수강하지 않았기 때문에, DNS나 도메인 등의 용어를 들어만 봤지 정확하게 무엇인지 모르고 있었다. 이번 포스팅을 하면서 웹 동작의 이해에 필요한 네트워크

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

웹 브라우저의 동작 순서

우리가 브라우저를 켜서 사이트에 접속하면 브라우저 내부에서는 어떤 일이 발생하는지를 알아본다.먼저 우리가 주소창에 www.abc.com이라고 치게 되면, 웹 브라우저는 DNS에게 호스트의 IP주소를 물어보게 된다. 브라우저: www.abc.com의 IP주소를 알려줘!D

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

호이스팅(Hoisting)이란?

지난 포스트(var를 지양해야 하는 이유)의 내용을 호이스팅과 TDZ(Temporal Dead Zone)의 개념을 가지고 보충한다. 함수가 실행되기 전에 안에 있던 변수들을 범위의 최상단으로 끌어올려 주는 것을 호이스팅이라고 한다. 코드를 실행시킬 때, 코드 실행 전에

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

position, display 정리

사용하면서도 항상 헷갈리던 css의 position과 display 속성에 대해서 정리한다. 요소를 한 줄로 배치하고 싶을 때 무지성으로 display: inline-block을 때려넣곤 했다. block, inline, inline-block의 차이에 대해 정확하

2022년 4월 1일
·
3개의 댓글
post-thumbnail

자바스크립트의 동작 원리

이 포스트에서 다룰 것 우리가 작성하는 HTML, CSS, JS는 브라우저가 해석하고 실행해 준다. 그런데 그 중에 자바스크립트는 실행 순서가 조금 이상할 때가 있다. 실험 1을 출력한 후 1초를 기다린 후 2를 출력하는 코드를 파이썬으로 작성해보았다. 의도한 대로

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

var를 지양해야 하는 이유

프로그래밍 언어를 공부할 때 제일 먼저 배우는 것이 변수 선언이다. JS를 공부하면서 var 사용을 지양하라는 말을 들어보았고, 프론트엔드 면접을 준비하면 var, let,const의 차이가 무엇인지 묻는 단골 질문도 공부했다. 그런데 왜 쓰면 안 되는데? 에 대한 질

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

[백준] 1012. 유기농 배추

https://www.acmicpc.net/problem/1012 문제 이해 백준 2606번과 유사한 문제이다. 배추가 모여있는 네트워크 하나 당 지렁이가 한 마리 필요하므로, 이 문제 또한 네트워크의 개수를 찾아야 하는 문제이다. 그래프의 각 칸을 돌다가 배추가

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

[백준] 2606. 바이러스

https://www.acmicpc.net/problem/2606한 컴퓨터가 바이러스에 걸리면 네트워크에 연결되어 있는 컴퓨터도 바이러스에 걸린다고 한다.1번 컴퓨터가 바이러스에 걸렸을 때, 1번 컴퓨터를 통해 전염된 컴퓨터의 수를 출력한다.1번 컴퓨터가 속한

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

[백준] 1697. 숨바꼭질

https://www.acmicpc.net/problem/1697

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

리액트 코드의 재사용성을 높이는 리팩토링

이전 포스트에서 만든 validate 코드의 리팩토링을 진행할 것이다. 이 프로젝트에서 validate는 새로운 학생, 강사, 그룹이 추가될 때마다 각각의 입력값이 유효한지 검사해주는 컴포넌트였다. 학생, 강사, 그룹의 Container가 모두 validate를 가지고

2021년 11월 23일
·
0개의 댓글