profile
걸어가는 개발자

나의 2021년 돌아보기

21년 2월 드디어 졸업을 했다. 나는 2014년에 기계공학과에 입학을 하고 4년동안 열심히 학교를 다니고 학자금 대출도 꽤 쌓였다. 하지만 전공을 살려 취업하지 않고 새로운 공부를 시작했다 바로 웹 개발이다. 주변 친구들을 만나서 나 개발자 되려고 공부중이야~ 라고

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

Enjoy your Futurama 프로젝트 회고(feat. 조은님)

프로젝트 사이트 둘러보기깃헙 보러가기이번에 조은님이 실습 위주의 스터디를 열어주어서 열심히 참여를 해봤다. 주요 기술 스택은 Next.js와 Typescript, useSWR, styled-component였다. 이전에 Next js를 사용해 본적이 있지만 왜 사용해야

2021년 12월 30일
·
0개의 댓글

패러다임의 변화

요즘 온라인에서 수업을 듣는데 디스코드라는 플랫폼을 사용한다. 채팅, 보이스챗, 화면공유 등 많은 기능을 제공하는 플랫폼이라 가끔 음질이 나쁜 것만 제외한다면 소셜 플랫폼으로써 너무 훌륭하다. 그래서 수업을 시작하고 최근 2달동안 눈뜨면 디스코드에 들어가고 자기 30분

2021년 12월 30일
·
0개의 댓글
post-thumbnail

flex 컨테이너의 자식요소에 z-index 음수 값 사용 시 주의사항

배경 프론트엔드스쿨 동료와 네이버 채용 사이트를 클론 코딩을 하던 도중 처음 보는 상황을 맞닦드렸고 국내에 이에대한 글이 없는 듯하여 정리하고 넘어가려고 한다. 네이버 채용 사이트처럼 상단 내비게이션 바와 슬라이드를 겹치게 놓고싶었...

2021년 12월 6일
·
0개의 댓글
post-thumbnail

var의 특징 (왜 var는 따돌림 당하는가...)

변수 선언 우리는 변수를 선할 때 var, let, const 키워드를 사용한다. ES6에서 let, const가 도입되기 전에는 var가 오랬동안 유일하게 변수 선을 위해 사용되어 왔다. 하지만 ES6이후에 대부분의 코드에서 var를 사용하지 않고 있다. 오늘은 왜

2021년 11월 30일
·
0개의 댓글
post-thumbnail

백준 알고리즘 9095번 1, 2, 3 더하기

https://www.acmicpc.net/problem/9095정수 4를 1, 2, 3의 합으로 나타내는 방법은 총 7가지가 있다. 합을 나타낼 때는 수를 1개 이상 사용해야 한다.1+1+1+11+1+21+2+12+1+12+21+33+1정수 n이 주어졌을 때

2021년 11월 28일
·
0개의 댓글
post-thumbnail

TIL #4 | CSS 미디어 쿼리

미디어 쿼리 우선 미디어 쿼리는 특정 조건(단말기의 유형, 화면 해상도, 뷰포트 너비 등)에서 특정 스타일을 적용되도록 만들어주는 기능이다. 가장 자주 사용하는 이유는 사용자의 스크린의 크기에 맞춰서 그에 최적화된 화면을 보여주기위해서 사용한다.

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

TIL #3 | CSS Animation ( feat. @keyframes, perspective)

이전에 프로젝트할 때는 애니메이션을 크게 쓸일이 없었다. 단순히 카드이미지 위에 호버하면 크기가 약간 커지는 정도가 다였기 때문에 애니메이션에 대해서 이렇게 자세히 알아본건 이번이 처음이였다.단순히 transition, transform과 hover만 이용해도 css를

2021년 11월 9일
·
0개의 댓글
post-thumbnail

TIL 21.11.02.

오늘은 우테코의 임동준 코치님의 워크샵을 진행했다. 주제는 워킹백워즈 방법으로 역량 순서대로 작성하는 포트폴리오였다. 워킹백워즈란 말을 처음 들어봐서 검색해 보았더니 작업을 역순으로 진행하느 것이라고 한다. 이 방법을 통해 오늘 포트폴리오를 만드는 것이 아니라 앞으로

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

TIL 21.10.29.

오늘 프론트엔드 스쿨 첫 수업이 있었다. 이두희님의 특강에서 좋은 코딩 공부팁들을 공유해주셨다. 그중에 가장 와닿았고 꼭 실천하고싶은 팁이 하나있었다.스택오버플로우에서 살아라 \- 영어로 코드를 공부하는데에 익숙해져라. 현재 IT강국은 미국인만큼 영어로된 양질의 자료

2021년 10월 29일
·
1개의 댓글
post-thumbnail

React에서 Modal 구현하기(feat. createPortal, 스크롤 막기)

Modal(이하 모달)은 사용자의 이목을 끌기 위해 사용하는 화면전환 기법 중에 하나다. 이번 프로젝트에서는 사용자가 어떤 행동을 하였을 때 이 행동을 정말로 진행할 것인지 확인 하는 용도로 사용을 하기도 하였고, 로그인이 필요한 기능을 수행하려 할 때...

2021년 8월 29일
·
0개의 댓글
post-thumbnail

You don't know JS - 타입과 문법, 스코프와 클로저

1. 갑자기 책을 읽는 이유 난 책을 좋아하지 않는다. 소설보다는 영화를, 설명서보다는 언박싱 브이로그를 보는 걸 더 좋아한다. 그래서 프로그래밍 공부를 할 때도 책보다는 인터넷 강의를 보면서 공부했다.

2021년 8월 14일
·
1개의 댓글
post-thumbnail

Webpack으로 만든 React 프로젝트에 Typescript 환경 설정하기(❌CRA)

 이전에 우리는 Webpack을 사용해서 CRA를 사용하지 않고 리액트 프로젝트를 만들었다. 이번에는 해당 프로젝트에 Typescript를 사용할 수 있게 설정을 진행할 것이다. 이번에도 마찬가지로 원본 블로그의 흐름을 그대로 따라간다.

2021년 6월 19일
·
0개의 댓글
post-thumbnail

Webpack으로 React 프로젝트 만들어보기(❌CRA)

 물론 CRA를 이용하면 간편하게 리액트 프로젝트를 만들 수 있다. 프로젝트 만드는 시간도 절약되고 다른 거를 찾아 볼 필요도 없다.  하지만 CRA는 뭐랄까 종합선물세트같은 느낌이다. 너가 뭘 필요할지 몰라서 기본적인 거 다 준비해봤어. 같은 느낌이랄까?

2021년 6월 19일
·
0개의 댓글
post-thumbnail

React에서 husky, lint-staged를 사용하자( sub : ESLint 자동화하기 )

 우리는 ESLint를 프로젝트에 적용시킬 때는 협업하는 모든 사람들이 같은 규칙 내에서 코딩을 하는 것을 예상한다. 하지만 가끔은 규칙을 지키지 않고 깃헙에 코드를 푸시할 때가 생긴다...

2021년 6월 15일
·
1개의 댓글
post-thumbnail

React에서 ESLint를 사용해보자

1. ESLint가 뭐야? ESLint는 문법적으로 문제가 있는 코드를 찾아주는 도구다.

2021년 6월 8일
·
1개의 댓글
post-thumbnail

React에서 prettier 사용하기

prettier는 간단하게 코드 스타일을 관리해주는 도구다. 탭너비를 2칸으로 사용할지 4칸으로 사용할지 혹은 '을 쓸지 "를 정해서 관리할 수 있다.

2021년 6월 7일
·
0개의 댓글
post-thumbnail

About 시간 복잡도

알고리즘의 풀이를 보다보면 가끔 시간 복잡도란 단어 또는 O(N) 이렇게 생긴 문자를 보게된다.이미 알고리즘을 풀다 지쳐서 풀이를 찾아보는데 비전공자인 내가 저 둘을 만나면 '머리야 궁금해 하지마.. 그냥 난 못본거야..'를 혼자 되뇌인다ㅋㅋㅋ🥲 하지만 이제는 ...

2021년 4월 13일
·
0개의 댓글
post-thumbnail

프로그래머스 Level 1 회고

1. 왠 회고록?? 드디어 프로그래머스 Level 1 문제들을 전부 풀게되었다!!🎉 하지만 다시 풀면 막힘없이 다 풀 수 있어??🧐 물어본다면 도망갈 것이다...ㅜ 그래서 알고리즘 회고록을 써볼까 한다. 말이 좋아 회고록이지 알고리즘 문제 복습정도로 진행하려한다.

2021년 4월 7일
·
0개의 댓글
post-thumbnail

정규표현식을 알아보자🤟

1. 정규표현식 꼭 필요한가??🧐 정규표현식을 모른다고 코딩을 못하는 건 아니다 하지만 정규표현식을 사용하면 코드가 더 간결하고 깔끔(?)해지므로 이번 기회에 확실히 정리하고 넘어가도록 하겠다.

2021년 4월 7일
·
0개의 댓글