profile
소비자가 아닌 생산자가 되자
post-thumbnail

반응형 웹 만들기 2

css 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보자.css 작업을 할 때 주로 픽셀(px) 단위를 사용한다. 하지만 고정 단위인 px보다 유동 단위인 %를 사용하면 좀 더 유연한 코드를 만들 수 있다. % 이외에도 유연한 값을 가지는 단위가 몇 개

5일 전
·
0개의 댓글
post-thumbnail

반응형 웹 만들기 1

반응형 웹을 만들기 위해서는 이러한 뷰포트 메타 테그가 필요하다. 뷰포트(viewport)란, 웹 페이지에서 사용자의 보이는 영역을 말한다. 반응형을 위한 기본이자 핵심이다. media 라는 키워드로 사용한다. 타이틀은 40px이지만, 600px보다 작은 화면에서는 2

5일 전
·
0개의 댓글
post-thumbnail

[SCSS] @mixin과 @include

@mixin 은 Sass 언어 전체에서 가장 많이 사용되는 기능 중 하나이다. 반복적인 작업을 손쉽게 할 수 있다. mixin을 선언할 때는 @mixin 지시자를 사용하며,적용시 @include 지시자를 사용한다. 위의 코드와 같이 인수 사용이 가능하다. $size의

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

[SCSS] 개념과 변수

오늘은 SCSS가 무엇인지와 Sass와 SCSS의 차이점그리고 변수에 대해 알아보고자 한다. 우리는 css 기본 문법만으로는 복잡한 상황에서 효율적으로 처리하기 어렵다. 따라서 전처리 도구인 sass, scss가 필요하다. Sass와 scss는 중괄호의 유무 차이 빼고

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

[프로그래머스] 숫자 문자열과 영단어

오늘은 프로그래머스의 숫자 문자열과 영단어 를 풀어보자.난이도가 낮은 문제이다. 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다.1478 → "one4seveneight"234567 → "23four5six7"10203 → "1zerotwozero3"이렇게 숫자의 일부

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

[프로그래머스] 로또의 최고 순위와 최저 순위

문제민우의 로또 번호를 반복문으로 순회하면서 당첨 번호와 비교한다. 1\. 같은 번호가 있으면 correct_count를 하나 증가한다. 2\. 0이 있으면 zero_count 를 하나 증가한다.

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

[프로그래머스] 순위

https://programmers.co.kr/learn/courses/30/lessons/49191 > 저번주에 알고리즘 매일 풀기로 다짐했으나 나태지옥에 빠진 나... 그래서 오늘부터 친구와 알고리즘 스터디를 진행하기로 했다. 😎 시간제한을 두지 않고 문제를

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

디바운스(Debounce)와 스로틀(Throttle) 차이점

어제 무한 스크롤을 구현하면서 공부했던 부분이다. 한번 더 개념을 짚고 넘어가보도록 하자😎 DOM 이벤트를 기반으로 실행하는 JavaScript를 성능을 고려하여 양적인 측면, 즉 이벤트를 제어(제한) 하는 방법이다.예를 들어보면,무한 스크롤을 구현할 때 사용자는 느

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

TIL | 오늘의 고민들

오늘은 하루를 보내면서 궁금했던 부분과 새로 알게된 부분들을 정리하면서 마무리하려고 한다. 컴포넌트를 불러올 root가 필요하기 때문이다. 컴포넌트를 선언하는 부분과 만들어서 실행하는 부분의 분리이다.컨텐츠를 페이징 하는 기법 중 하나아래로 스크롤하다 컨텐츠의 마지막

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

[프로그래머스] 가장 먼 노드

https://programmers.co.kr/learn/courses/30/lessons/49189n개의 노드가 있는 그래프가 있습니다. 각 노드는 1부터 n까지 번호가 적혀있습니다. 1번 노드에서 가장 멀리 떨어진 노드의 갯수를 구하려고 합니다. 가장 멀리

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

TIL | 배포는 짜릿해

오늘은 저번주에 진행한 노션 클로닝 프로젝트를 배포해보는 시간을 가졌다. 😎 배포를 하는 방법에는 크게 6가지가 있다. 가장 복잡하고 난이도가 있다. infra 지식 또한 필요하다. 그리고 가장 큰 문제는 비용이 발생한다는 점이다. 나처럼 상업적인 목적으로 배포하지

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

[JS 미니 프로젝트 스터디] Colors

https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h멘토님이 추천해주신 과제이다. 오늘부터 도장깨기 시작 :)미니 프로젝트 스터디의 목적 無에서 有를 창조하므로써 내가 부족한 부분을 알고 그에 대

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

[프로그래머스] 프린터

프린터문제 설명일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린터를 개발했습니다. 이 새롭게 개발한 프린터는 아래와 같은 방식으로 인쇄

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

TIL | BEM이 뭐야?

오늘부터 CSS 강의가 시작됐다. 대학교 1학년 때 배우고 제대로 개념정리 하는 것은 처음이라 재밌고 설렌다 😊강의를 듣던 중 익숙하지만 낯선 BEM에 대해 듣게되어서 개념 정리해보려고 한다. BEM은 Block Element Modifier의 약자이다. BEM은 문

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

[프로그래머스] 올바른 괄호

올바른 괄호괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어"()()" 또는 "(())()" 는 올바른 괄호입니다.")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다.'(' 또는 ')' 로만

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

[웹] CSR과 SSR에 대해 알아보자.

CSR : Client Side Rendering SSR : Server Side Rendering1\. 브라우저에서 우리가 보는 화면을 어디서 최종적으로 만들어 보여주는가?2\. 어떻게 개발하는가?SPA를 공부하면서 CSR과 SSR 방식이 있다는 것을 알게 되었다.

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

TIL DAY5 | 앞으로의 다짐이랄까 ⭐

어제 노션클로닝 마무리를 하느라 4시간밖에 못잤다. 😢자꾸 새로운 기능들을 추가하고싶고 부족한 부분들이 보여서 욕심이 나서 잠이 안왔다.계속 기능들을 추가할 예정이고 블로그 포스팅도 할 예정이다. 😉오늘 프론트엔드 데브매칭 시험을 끝내고 백엔드를 하는 언니랑 긴 얘

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

[JavaScript] 함수형 프로그래밍이 뭐야?

2주전 함수형 프로그래밍 과제를 제출하는 나.. 그게 뭔지는 알고 하고있니?그만둬..멘토님의 그래서 함수형 프로그래밍이 뭔데요? 라는 질문에 나는 답을 하지 못하였고,,그렇다 나는 설명도 못하는 그것을 과제로 제출하고 있었던 것이다. 최근의 프로그래밍 패러다임은 크게

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

TIL DAY4 | validation과 verification 차이

이번주 목요일날 진행만 멘토링에서 멘토님에게 질문을 받았는데 아무말도 하지 못햇다.너무 부끄러웠다. 분명히 공부했다고 생각했는데 나는 개념정리도 제대로 하지 않고함수형 프로그래밍을 공부하고 코드를 짜고있었다. 이번을 계기로 애매하게 알았던, 사실 몰랐던 개념들을 정리해

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

[JavaScript] 이벤트 위임과 버블링

강의를 듣던 중 이벤트 버블링을 다루었다. 이전에 공부했지만 또 다시 잊어버린 나.. 반성하며 다시 정리해보자!이벤트를 위임한다라.. 우리는 이벤트를 다룰 때 비슷한 방식으로 여러 요소에 다뤄야 할 경우가 생긴다. 이럴 때 각 요소마다 핸들러를 할당하는 귀찮은 과정을

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