[node.js]백준 1781 - 컵라면

컵라면 문제문제를 바로 보았을때는 어떻게 풀어야할지 감이 바로 왔지만, 계속해서 시간초과가 일어났다.그래서 검색을 해본결과 다른 사람들은 우선순위큐를 이용해서 정렬을 하였다고 한다.나는 그냥 sort메서드를 사용해서 계속 시간초과가 난것이었다,,,따라서 우선순위큐를 구

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

vue 라이프사이클 알아보기!

우선 vue공식홈페이지(https://v3.ko.vuejs.org/guide/instance.html!\[](https://images.velog.io/images/jinn2u/post/7a1e8e92-e434-4569-b010-41a8cd719466

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

block요소에 line이 길어질 경우 생략하기

유튜브를 보다가 이렇게 특정 줄 이상일 경우 ... 표시가 되어있는것을 알 수 있다. 어떻게 할까??생략하고 싶은 블럭에 display: -webkit-box; 로 설정을 해 준다.이렇게 해준다면 해당 요소에 -webkit 속성을 사용할 수 있다.\-webkit-lin

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

[0919 TIL] scss 간단히 알아보기

이러한 scss는 아래와 같이 변경될 수 있다.&연산자는 상위부모태그를 가져온다.따라서 앞에서 본 &:hover의 경우도 span:hover로 변경된것을 확인할 수 있다.$는 변수를 만들어주어 재사용이 가능하게 한다.유효범위는 선언된 중괄호 내부이다.정의한 변수는 사용

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

인클루시브 디자인 패턴을 읽으며

프론트엔드공부에 발을 들인지 2달차가 되어가는 지금, 이전에 추천받은 인클루시브 디자인 패턴 이라는 책을 드디어 읽기 시작하게 되었다. 프론트엔드 개발을 공부하면서, 점점 내가 생각하는 프론트엔드 개발자로써의 가치, 좋은 개발자에 대해 고민을 하게 되는것같다. 나와 같은 고민을 하고 있는 사람들이 읽으면 좋은 책이지 않을까 싶다. 아직 앞부분만 읽었...

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

한주를 마무리하는 회고

이번주까지 바닐라js로 웹을 만드는 공부를 했다. 나는 class를 이용하여 구현을 했는데 그 이유는 코드에 대한 재사용을 용이하게 하고싶어서였다. function을 이용해서 하는 방법도 있겠지만, 같은 속성끼리 상속을 하여 사용하기에는 class로 작성하는것이 더

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

디바운스와 쓰로틀링에 대해 알아보자!

디바운스란 맨 마지막에 호출되는 이벤트만 실행시키는것을 말한다.그렇다면 이를 어떻게 구현할까?메인에서는 이렇게 별도로 디바운스 함수로 호출해주자! 이렇게 하면 코드가 더 깔끔해진다.debounce.jstimer을 밖에다가 선언해준다. 안에다가 선언할 경우, event가

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

antd form으로 Custom validator만들기

antd는 기본적인 validator를 제공해준다.기본적인 다양한 validator를 통해 form의 입력값에 대한 검증을 할 수 있다.위와 같은 코드 처럼 rules안에 다양한 기본 validator를 수행할 수 있다.전화번호에 대한 검증을 해보자!이러한 방식으로 사

2021년 9월 8일
·
0개의 댓글

[node.js] 백준 1339번 - 단어수학

포인트는 어떻게 문자에 가중치를 둘 것인가이다.어떻게 길이가 다른 문자열과, 여러번 반복되는 문자에 대해서 더 높은 숫자를 부여할것인가? 를 해결하면 된다.코드더 깔끔하게 푼 분들이 많으므로 스스로 풀어보고 다른사람들의 풀이를 참고해보자,,

2021년 9월 8일
·
0개의 댓글

[node.js]백준 17828번 - 문자열 화폐

문제 자체는 굉장히 간단하다.하지만 알수없는 시간초과의 늪에 빠지고 말았다..주요 코드이런식으로 작성을 하였는데 입력길이가 5,000,000으로 굉장히 길기 때문에 sort와 findIndex를 하면 안되는것 같다.따라서 이부분을 수정해주었다. 안되시는 분은 이부분을

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

display: flex 속성에 대해 알아보자!

display: flex는 우리가 레이아웃을 더 쉽게 잡을 수 있도록 도와준다.display는 container와 item으로 이루어지는데, item을 감싸는 container에 들어가는 속성과 item에 들어가는 속성이 따로 존재한다.main-axis와, cross

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

넘치는 text ... 처리하기

width를 지정해줘야한다.display: block을 해줘야한다.overflow: hidden을 해야한다hidden속성은 width를 벗어나는text를 잘라준다.text-overflow: ellipsis...표시를 해 준다.!codepenjinn2u/embed/OJg

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

DNS에 대해 알아보자!

URL을 입력한다면 우리는 www.google.com과 같은 도메인을 입력하게 됩니다.그러면 이에 해당하는 IP주소를 찾기 위해 DNS 서버를 조회를 합니다.또한 http인 경우 80, https인경우는 443포트를 찾아내어 http요청 메시지를 생성한다. 그 다음

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

strict mode 에 대해 알아보자!

웹팩을 공부하던 도중 아래와 같이 use strict라는 것이 보이게 되었다. 그래서 strict mode에 대해 알아보게 되었다.말그래도 엄격한? 모드이다. 내가 생각할 때 js는 다른 언어들에 비해 타입도 없고 조금 유연한 언어라 생각한다. 따라서 이러한 점이 편리

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

8월 28일 TIL 웹접근성과 시멘틱에 대해 생각해보기

멘토님과 스몰토크도중 웹 접근성과 시멘틱에관한 주제로 이야기를 해보았다. 부끄럽지만,, 나는 평소에 label태그를 알긴했지만 어떠한 이유로 사용하는지도 몰랐고, 웹 접근성이란 키워드를 생각해 본적도 없었다.웹 접근성에 대해 알아보면서 ARIA속성에 대해서도 처음 접

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

토글 버튼을 자연스럽게 구현하기

문제 토글 버튼을 구현할이 생기게 되었다. 이때 가상 선택자를 활용해서 active일 때 토글버튼을 회전시킬 생각이었다. 하지만 계속 클릭하고 있는 상태에서만 회전이 유지되고 클릭을 해제한다면 다시 원래대로 돌아왔다. 따라서 내가 원하는 결과로 되지 않았다. 사용자

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

08월 21일 TIL

프론트엔드를 지향하는 사람들은 한번씩은 TodoList를 만들어 보았을것이다. 물론, 만들면서 렌더링을 하는 부분과 상태를 관리하는 부분을 분리해야한다는 말도 많이 들었을 것이다. 구현하는데 다양한 방법이 있겠지만, 나는 리엑트스럽게? 만들어 보았다.코드의 일부분인데

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

antd를 통한 반응형 웹 구현하기

반응형 디자인을 어떻게 할것인가에 대해서 많은 고민을 했었지만, 신경써서 구현한 적이 없었던것 같다. 따라서 이번에 antd를 활용해서 반응형웹을 구현해 보았다. 나는 가장 큰화면일 때 3개의 카드를, 중간 화면일 때 2개의 카드를, 최소 사이즈의 화면일 때 1개의 카

2021년 8월 22일
·
0개의 댓글

프로그래머스 3주차를 마무리하면 작성해보는 회고

저번주차는 나에게 약간 버거워 조금씩 강의가 밀렸다. 때문에 이번주는 강의를 밀리지 않고 그날 배운것을 다 이해하는것을 목표로 했다. 이번주는 바닐라JS로 상태관리 하는것을 공부하였는데, 재미있게 진행했던것 같다. 또한 졸작도 같이 병행하면서 일정을 맞추는 나야,,,

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

ec2에 CRA배포하기

처음으로 React를 배포하게 되었다. 원래는 netlify를 통해 배포할 생각이었지만 팀원의 제안으로 인해 ec2로 배포환경을 바꾸게 되었다.우선 apt를 통해 node.js와 npm, yarn을 설치해준다 yarn을 사용하지 않을 사람은 설치하지 않아도 된다를 통해

2021년 8월 18일
·
0개의 댓글