profile
프론트엔드 개발자를 꿈꾸며
post-thumbnail

[Webpack] Webpack 이란?

번들러를 왜 사용할까요?

약 11시간 전
·
0개의 댓글
·
post-thumbnail

[React] 리액트 개념정리

리액트란 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다.

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

[JS] 자바스크립트 동작 원리

자바스크립트는 동시에 하나의 작업만을 처리할 수 있는 싱글 스레드 언어입니다.

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

[알고리즘] 2차원 배열 시뮬레이션 - 봉우리

문제 지도 정보가 N*N 격자판에 주어집니다. 각 격자에는 그 지역의 높이가 쓰여있습니다. 각 격자판의 숫자 중 자신의 상하좌우 숫자보다 큰 숫자는 봉우리 지역입니다. 격자의 가장자리는 0으로 초기화 되었다고 가정합니다. 만약 N=5 이고, 격자판의 숫자가 다음과 같다면 봉우리의 개수는 10개입니다. 매개변수 board에 지도정보가 주어지면 봉우리 지역...

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

웹사이트 클론코딩 과제

이번 과제는 주어진 html, css, js를 활용하여 자신이 원하는 사이트 레이아웃 클론코딩하는 것이었습니다.

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

[JS] 스크롤 방향 감지

스크롤 방향 감지 스크롤 이벤트를 사용하는 경우가 많이 있는데 이때, 2가지 방법을 사용할 수가 있습니다. 바로 wheel event 와 scroll event 입니다. wheel 이벤트를 쓰면 간단하지만 키보드의 방향키로도 스크롤을 제어하는 경우가 있을 수 있기

2022년 10월 28일
·
0개의 댓글
·
post-thumbnail

[JS] Onclick과 Click Event 차이점

자바스크립트에서 클릭이벤트를 발생시킬 때 onclick과 addEventListenr 두가지 방법을 사용합니다.두가지 방법엔 차이점이 존재하기 때문에 두가지 방식으로 코드를 작성해 보면서 알게된것을 정리해보았습니다.

2022년 10월 21일
·
0개의 댓글
·
post-thumbnail

[JS] Lodash 사용법

Lodash 는 주로 객체, 배열과 같은 데이터의 구조를 간편하게 함수형으로 다룰 수 있게 해주는 자바스크립트 라이브러리 입니다.

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

[JS] Swiper 슬라이드 사용법

Swiper 는 하드웨어 가속 전환과 여러 기본 동작을 갖춘 현대적인 슬라이드 라이브러리 입니다.

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

[CSS] CSS 변수 사용 방법

CSS 변수란 CSS 속성을 미리 정의해 놓고 필요할 때 참조하여 사용할 수 있는 변수를 의미합니다.

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

[CSS] Flexbox Froggy Game

CSS Flexbox 를 이용하여 요소들을 배치하는 게임입니다.해당 게임을 하던 중 시간이 조금 소요되었던 문제만 따로 정리를 해보았습니다.

2022년 10월 1일
·
0개의 댓글
·
post-thumbnail

[CSS] 가운데 정렬 방법

CSS를 작업하다보면 빈번하게 contents를 중앙 정렬을 하게 되는 경우가 많은데 이때 어려움을 느끼는 경우가 많습니다.그래서 다양한 CSS 속성을 활용해 contents를 수직 및 수평으로 가운데 정렬할 수 있는 방법들을 소개해 드리려고 합니다.

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

wonny.log_20220930

✅ 오늘 공부한 내용 이솝 사이트 레이아웃 클론코딩 스타벅스 사이트 레이아웃 클론코딩 컴퓨터과학

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

wonny.log_20220929

github에서 Team Project를 진행하는 방법

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

[Git & GitHub] Team Work 협업하기

깃, 깃허브 수업에서 배운 내용을 활용하여 팀 과제를 수행했습니다. 실제 업무와 비슷하게 팀장과 팀원의 역할을 나누어 팀 협업을 어떻게 이루어지는지 직접 테스트를 해보았습니다.

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

wonny.log_20220929 Start🌱

기술 블로그를 시작하면서 매일 TIL도 작성하는것을 시작하려고 한다!

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

[CSS] CSS Flex

Flex란? Flex는 1차원 레이아웃을 잡는 개념으로 하나의 축으로만 아이템 정렬이 가능합니다. Flex는 Flex Container와 Flex Items의 2개의 개념으로 나눌 수 있습니다. Container는 Items를 감싸는 부모 요소이며, 각 Item을

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

필수 리눅스 터미널 명령어

리눅스 명령어는 터미널 명령을 하기위해서는 필수로 알아야 합니다. 하지만 수많은 터미널 도구와 명령을 모두 암기하는 것은 거의 불가능하기 때문에 자주 사용하고 필수로 알아야하는 리눅스 명령어에 대해서 정리해 보았습니다.플래그(flag)는 옵션의 첫 부분에서, 그 옵션의

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

[CSS] CSS 개요

CSS 기본문법 CSS 선언방식 1. 내장 방식 > `태그의 내용(contents)으로 스타일을 장식하는 방식, html 문서 `요소에 들어갑니다. 별도의 CSS 파일을 따로 만들지 않아도 되는 장점이 있습니다. 2. 인라인 방식 > 요소의 style 속성에 직

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

[HTML] HTML 기초 개념 정리

Hypertext Markup Language의 약자로 프로그래밍 언어는 아닙니다.웹페이지의 구조를 작성할때 사용하는 마크업 언어입니다.💡 웹브라우저가 읽을수 있게 사람이 웹페이지의 구조를 작성할때 쓰는 문법입니다Element의 특징OpenginTag와 CloseTa

2022년 9월 23일
·
0개의 댓글
·