profile
최준영입니다.
post-thumbnail

인스타 클론코딩 코드리뷰

프론트 공통 디자이너가 준 걸 그대로 구현해 내는 것이 일순위 잘못 불러오진 것은 Network탭으로 확인 HTML, CSS는 완벽하게 구현해야 함 id는 아예 안쓰는 것이라 생각 이름을 부여하는 이유는 css에서 꾸미고 싶어서 하는 것인데, id는 이벤트성

1일 전
·
0개의 댓글

javascript class

es6 (ECMASCRIPT 2015)을 통해 소개되었습니다.기존 prototype기반의 상속 보다 명료하게 사용할 수 있습니다.함수의 한 종류 입니다. (객체를 만들어 내기 위한 설계도 혹은 툴)strict mode입니다.💀class를 정의하는 방법은 위와 같습니다

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

DOM

Document Objecxt Model 객체 지향 모델로써 구조화된 문서를 표현하는 형식입니다.. 트리구조이며, 각 노드마다 자신의 정보를 포함합니다. 잘 이해가 안가면 console.log로 하나하나 해보시길 바랍니다! 💪document member 가 docum

1일 전
·
0개의 댓글

VS코드 단축

전부 선택자동 정렬변수 선택하고 누르면 선택한 변스 다 변경주석 하고 지우기 모두

1일 전
·
0개의 댓글

javascript binding

위 코드는 한눈에 보기에 키가 눌릴 때마다 0이 출력될 것 같습니다.하지만 undefined 가 출력됩니다.왜냐하면 this가 의미하는 바가 document를 의미하기 때문에 document의 x가 정의되지 않은 것이죠!!!이렇게 arrowfunction을 사용하면 특

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

웹의 작동 원리 간단하게

브라우저가 url에 접속했을 때 무슨일이 일어나는지 알바봅시다.🤗사용자가 브라우저에 url을 입력하면, 브라우저는 DNS서버에 정보를 요청하고 그 정버로 서버에 요청을 하고 서버는 응답을 합니다.직접 서버를 두는것 보다 서버의 공간을 판매하는 회사에 호스팅 하는것을

3일 전
·
0개의 댓글

만나이 쉽게 계산하기

function getWesternAge(birthday) { const today = new Date(); const age = (today.getTime() - birthday.getTime()) / 31536000000; return Math.floor(ag

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

git 2

branch를 merge할 때 comflict(출돌이 나는 경우는) 변경사항이 겹치거나 origin에서 만든 branch가 local에서 중복으로 push하는 경우 발생합니다.예방법은, (이렇게 해도 수정하는 동안 다른 개발자가 같은 라인을 수정하면 발생할 수 있습니다

5일 전
·
0개의 댓글

시맨틱 태그

Semantic 태그란?의미를 가지는 태그를 말합니다.예를들어 div, span 은 non-seman 입니다아래는 브라우저와 개발자에게 의미가 있는 태그인 semantic 태그 입니다.개발자나 사용자 모두 접근성이 용이해집니다.검색 사이트의 노출이 용이해집니다.코드들

5일 전
·
0개의 댓글

Html, Css, JavaScript

HyperText Markup Language 라는 의미의 웹 페이지를 위한 마크업 언어 입니다. 각 요소마다 구조적 의미를 나타낼 뿐만 아니라 링크와 인용 등 여러 항목을 만들 수 있는 방법을 제공합니다. <와 >로 둘러싸인 태그로 되어있는 요소 형태로 작성합니

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

git

git은 vcs(version control system) 종류 중 하나입니다. 서로 협업하면서 편리하게 소스코드의 변경사항을 관리하게 도와주는 시스템입니다. 여기서 협업이 깃을 널리 쓰이게 한 중요한 이유 중 하나입니다.개발자가 같이 개발할 때 서로 다른 부분을 수정

5일 전
·
0개의 댓글

객체 2

리터럴이란? 컴퓨터 과학 분야에서 리터럴(literal)이란 소스 코드의 고정된 값을 대표하는 용어다. 거의 모든 프로그래밍 언어는 정수, 부동 소수점 숫자, 문자열, 불린 자료형과 같은 용어를 가지고 있다. 어떤 언어는 열거 타입이나, 배열, 자료형, 객체와 같은 용

6일 전
·
0개의 댓글

객체 1

자바스크립트는 객체지향의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 모든 것은 객체입니다.객체란 키와 값으로 저장할 수 있는 데이터 구조입니다.객체는 많은 값을 포함할 수 있는 변수입니다.객체는 key/value 쌍을 가집니다.객체는 어떠한 이름을 가져도 상관

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

리눅스

(96년생 Tux선생님)🐧리눅스(영어: Linux)는 리누스 토르발스가 커뮤니티 주체로 개발한 컴퓨터 운영 체제이다. 혹은 커널을 뜻하기도 한다. 리눅스는 자유 소프트웨어와 오픈 소스 개발의 가장 유명한 표본으로 들 수 있다. 리눅스는 다중 사용자, 다중작업(멀티태스

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

인스타그램 클론 2 - js

프로젝트에는 없었지만 맥으로 접속 시 상단 바가 스크롤의 위치에 따라 움직이는 걸 확인했습니다!!그래서 조금 더 완성도를 높이고자 구현했습니다~아래 댓글은 엘리먼트로 추가해서 기능만 구현했습니다~직접 해보는건 어떨까요?🧠

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

인스타 클론 메인페이지 1 - html,css

레이아웃은 상단의 네비를 고정하는 것과 우측의 유저 정보를 고정하는 것이 중요합니다.인스타 레이아웃만 보고 직접 만들어 보세요 꼭!💪

7일 전
·
0개의 댓글

인스타 클론 로그인2 - js

실제 인스타 로그인 페이지에 맞게

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

인스타클론 로그인 - html, css

그냥 인스타의 홈페이지만 띄워놓고 개발자도구로 블럭 구조를 살펴보면서 만들어 보시길 바랍니다.👶reset css

7일 전
·
0개의 댓글

반복문

반복문은 어떠한 조건에 따라 계속 반복한다는 뜻입니다.엄청 많이 쓰입니다.⛹️대표적인 예로 for와 while이 있습니다.for 문의 기본 구조는 위와 같습니다. 실행 조건이 참일 때까지 for 문을 실행합니다. 2번째 코드를 살펴보면 i를 초기화 -> i가 참인지 확

7일 전
·
0개의 댓글

diagonal difference

array의 각 대각선 /, \\의 합을 서로 뺀 다음 절댓값으로 나타내는 알고리즘입니다.예를 들어1 2 31 2 33 2 3이라는 input이 있으면 output은|(1+2+3) - (3+2+3)| = 2입니다. 😃물론 많은 답들이 있겠지만, 저는 이렇게 해봤어요!

2020년 3월 26일
·
0개의 댓글