post-thumbnail

브라우저의 렌더링 과정

컴퓨터 프로그램을 사용하여 모델 또는 이들을 모아놓은 장면인 씬 파일로부터 영상을 만들어내는 과정을 말한다.(Wiki) 웹에서 렌더링이란 HTML,CSS, JS등의 문서의 코드를 브라우저에서 그래픽으로 출력하는 과정을 말한다. 우리가 사용하는 브라우저들은 렌더링을 수

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

React 에서 textarea 자동 높이 조절

게시글 업로드를 구현하는데 textarea는 지정된 높이가 넘어가면 스크롤이 생겨버린다. 컨텐츠의 양이 일정하지 않기 때문에 컨텐츠의 총 높이를 나타내는 scrollHeight 속성을 이용하여 textarea의 가변높이를 지정하였다.Element.scrollHeight

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

react-router-dom v6

멋쟁이 사자처럼 프론트엔드 스쿨에서 진행한 팀프로젝트인 '감귤 마켓'을 리엑트로 리펙토링하는 과정에 react-router-dom이 최근 v6로 바뀌어서 약간 애를 먹었기에 미래의 나를 위해 정리한다.드림엘리 강의에서 Switch로 배웠는데 auto import도 먹지

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

Deep Dive 28장 Number(1) 프로퍼티

Number 프로퍼티 1 과 1보다 큰 숫자 중 가장 작은 숫자, 두 숫자의 차이를 저장하고 있다. 이런걸 어디에 쓸까? Number.EPSILON은 부동 소수점으로 인해 발생하는 오차를 해결하기 위하여 사용한다.자바스크립트에서 표현할 수 있는 가장 큰 양수 값을 저장

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

Deep Dive 27장 배열(2) 고차함수

고차함수?함수를 인수로 전달받거나 함수를 반환하는 함수조건문, 반복문을 지양하고 순수 함수를 사용해 함수형 프로그래밍을 지향하자 !배열의 요소를 유니코드 코드 포인트의 순서를 따라 정렬한다. 숫자의 경우도 비교를 위하여 문자열로 변환 후 유니코드 코드 포인트에 따라서

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

Deep Dive 27장 배열(1) 메서드

전달된 인수를 가지는 배열을 생성한다.유사 배열, 이터러블 객체를 인수로 받아 배열로 변환 후 반환한다.인수가 배열이면 true 아니면 false를 반환한다.원본 배열에서 인수로 전달된 요소를 검색하여 인덱스를 반환한다. 매칭이 안되면 -1을 반환한다.원본 배열에서 인

2022년 1월 19일
·
0개의 댓글

footer 고정시키기

과제를 완성하고 보니 컨텐츠의 양이 많지 않을 때, 두번째 사진처럼 footer가 너무 높이 올라와 보기 안좋게 되어버리는 경우가 있어, 이를 수정하고자 자료를 찾아봤습니다. footer에

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

Deep Dive 24장 클로저

클로저는 자바스크립트 고유 개념이 아니다.자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다.(정적 스코프(렉시컬))스코프의 실체는 Lexical enviroment 이다. 이 연결이 스코프 체인이다.함수는 함수

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

Deep Dive 22장 This

객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다.메서드는 자신ㅇ이 속한 택체의 상태를 변경할 수 있어야 하여 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다.리터럴 방식의 객체는 메서드에서 재귀적으

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

Deep Dive 19장 프로토타입(1)

자바스크립트는 프로토타입 기반의 객체지향 언어이다.자바스크립트를 이루고 있는 거의 모든것은 객체이다.명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패

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

Deep Dive 18장 함수와 일급객체

일급객체의 조건무명의 러터럴로 생성할 수 있다.변수나 자료구조에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.함수는 위의 조건을 모두 만족하므로 일급 객체이다.함수의 프로퍼티를 알아보자기본적으로 함수에는 arguments, cal

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

Deep Dive 17장 생성자 함수에 의한 객체 생성

생성자 함수에 의해 생성된 객체를 인스턴스라 한다.js는 object 이외에도 String, Number, RegExp, Promise 등의 빌트인 생성자 함수를 제공한다.객체를 생성하는 방법은 객체 리터럴이 더 편리하여 특별한 이유가 없으면 생성자 함수를 쓸 이유가

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

Deep Dive 16장 프로퍼티 어트리뷰트

내부슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScripts 사양에서 사용하는 의사 프로퍼티와 의사 메서드이다.ECMAScript는 말 그대로 Ecma라는 기관이 만든 script 언어이며, ECMA-262 표준를 따르고 있다.ES5

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

deep dive 12장 함수

12장 함수 1. 함수란? 함수는 일련의 과정을 문으로 구현하고 코드 불록으로 감싸서 하나의 실행 단위로 정의한 것 2. 함수를 사용하는 이유 함수는 몇 번이든 호출할 수 있으므로 코드의 재사용이라는 측면에서 매우 유용하다. 유지보수의 편의성을 높이고 코드의 신뢰성을

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

Deep Dive 13장 스코프

스코프 : 유효범위var과 let,const각가 선언한 변수의 스코프는 각각 다르게 동작한다.모든 식별자는 자신이 선언된 위지에 의해 다른 코드가 식별자를 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라한다.즉 스코프는 식별자가 유효한 범위js 엔진은 이름

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

css 실무 테크닉

Sass css 실무 테크닉 이미지 포맷 GIF : 256컬러만 표현가능, 선명하진 않지만 영상에 비하여 용량이 적다. JPG,JPEG : 화소가 매우 높고 용량이 적지만 투명처리가 불가능핟. png : 거의 모든 컬러는 표현 간으하며 투명 영역도 처리 가능하지만

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

linux, sass

alias : alias ls = 'ls -a'등 축어 지정 unalias ls 로 해제man : 메뉴얼nslookup: 도메인 명령으로 IP 조회ping : 접속 테스트traceroute : 추적 명령어fg,bg : 프로세스를 백그라운드나 포그라운드로 옮김jobs :

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

tailwind, linux

css 프레임워크인 tailwind를 처음 사용해보았다. 이력서 만들기 대회를 하여 각자 사용해보았다. css사용 금지라서 tailwind만 사용하여 했는데 이럴바엔 css만 사용하는게 좋겠다고 생각하였다. 물론 섞어서 쓰면 부트스트랩처럼 편하게 사용할 수 있을것 같다

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

싸이월드 미니홈피 (only html, css)

https://hanmin-test-domain.shop/cyworld/index.html 오늘 싸이월드가 부활한다는 소식을 들었다. 과거에 아무것도 모를때 장고로 구현해본 적 있는데 지금 다시하면 더 체계적으로 할 수 있을것 같아 이미지하나만 보고 만들기 시작하

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

프로젝트 : vending machine

figma vending machine 직접 해보는게 더 좋을것 같아서 강사님것과 비교해보려고 혼자했다. 피그마를 보고 마크업을 먼저 하였다. 최근 Flex, grid 게임을 한 것을 살려서 둘 모두 사용해보기로 하였다. mark-up 모바일에서 쉽게 레이아웃을

2021년 11월 18일
·
3개의 댓글