목록분류 전체보기 (89)

개발공부 임고미

[JavaScript] 호이스팅

호이스팅이란? 어디에 선언을 하든, 가장 위로 데려오는 것을 의미합니다. -> var 키워드 사용하면 안되는 이유 ? 호이스팅 & 블록 스콥을 무시하기 때문입니다. console.log(test) // undifined test = 5; var test; console.log(test) // 'test' 자바스크립트의 미친짓! 1. 선언전에 console.log(test) 찍기! 2. 선언전에 값 할당하기! 다른 언어들이라면, 1번 줄에서 console 찍었을때 에러 났을거에요 값 할당하는건 상상도 못할일!🤦🏻‍♀️ 1번 콘솔결과, 없는걸 물어보내 ? 하면서 에러를 출력해야하지만, JavaScript에서는 undifined를 나타냅니다. test에 값 할당도 잘 됩니다! ( 잘 되면 안되지만 됨) 위의 ..
퍼블리싱/html css js 2020. 12. 21. 23:44
[JavaScript] script 로드하기 (async 와 defer)

1. head에 로드 2.body에 하단에 로드 3. head 안에 async 와 defer 브라우저는 한줄 한줄 읽어 내려가므로, 1. head head에 로드를 하게 되면 script의 크기가 커졌을때 로드가 느려지므로, 사용자는 페이지를 느리게 볼 수 밖에 없음 2. body 하단 본문입니다. 하단에 로드를 하게되면, 페이지는 빨리 읽어질 순 있겠으나, 스크립트를 통해 불러오는 부분같은건 여전히 느리게 보임 3-1. Head 안에 script async 병렬로 다운 - 전제) 스크립트의 크기 : main2 > main1 > main3 - 다운로드 완료 순서 및 실행순서: main2 > main1 > main3 * 병렬적으로 다운받아 다운받는 속도는 줄이겠지만, 해당 스크립트에서 뒤에 로드되는 htm..
퍼블리싱/html css js 2020. 12. 21. 18:04
[JavaScript] toLocaleString() 활용하기

toLocaleString(); 정의하는 객체 ( = 사용할 곳 ) date / number / array 에서 활용해줍니다! date number array 사용자의 문화권에 맞는 시간표기법으로 년,월,일 시간을 리턴 3자리 숫자마다 콤마 array의 내용을 다 문자로 반환해서 보내줌 재밌는건, date나, 숫자들에도 다 toLocaleString()이 적용되어서 나온다는 점! -> 만약, array내용 toLocalString()적용 안되게해서 문자열로 반환하고 싶다면 toLocaleString() 사용하지 말고, join() 활용
퍼블리싱/html css js 2020. 12. 21. 10:37
[CSS] 언어별 폰트 다르게 적용하기 ( unicode-range )

시작 전 알아야 할 부분! 예전엔 firefox에선 지원이 안됐지만 지금은 지원합니다. 확인하는 주소 : caniuse.com/?search=unicode-range 적용 방법 1. 폰트를 다운받는다. 2. 적용 하고자 하는 언어 폰트를 다 같은 이름으로 font-family를 맞춰준다. ex ) 저의 예시에는 font-family : foo; 로 맞춰줬습니다. 3. 공통을 하나 맞추고, 유니코드별 원하는 언어를 설정해준다. ex) 아래의 예시에서는, 공통 : AndikaNewBasic-Regular 영어 : NotoSansKR-Black 숫자 : Langar-Regular 많이 쓰이는 유니코드 1. 특수문자 범위: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007..
퍼블리싱/html css js 2020. 12. 20. 23:29
[세팅] 퍼블리셔/프론트앤드 VsCode & browser 기본 세팅!

Visual studio code 기준! 1. Auto import 2. Beauty 3. ESLint 4. Reactjs code snippets + browser 1. react developer tools 2. redux-devtools-extension 3. Gride Ruler 4.ColorZilla =========================== 1. Live Server 2. ftp-simple 3. Markdown Preview Enhanced 4. Material Icon Theme 5. Prettier - Code formatter 추천 사이트 : yeun.github.io/open-color/#cyan
기타 2020. 12. 16. 15:28
[GA세팅] 구글 애널리틱스 세팅하기

참고 : https://imweb.me/faq?mode=view&category=29&category2=35&idx=71406 세팅 : 위 링크 참고 하면 됨. 속성 설정 → 속성 이름(: 뭐든 상관없음, 프로젝트명 적어주면 됩니다.) 보고 시간대 : 대한민국
카테고리 없음 2020. 12. 10. 11:20
[React] Antd menu 활용

// base import React, { useState, useEffect, ReactNode } from 'react'; import { useHistory } from 'react-router'; // packages import { Menu } from 'antd'; import { HomeOutlined, FileDoneOutlined, BarChartOutlined, TeamOutlined, } from '@ant-design/icons'; // modules import { Link } from 'react-router-dom'; export const MainNav = () => { const roots = ['sub1', 'sub2', 'sub3', 'sub4']; const userM..
리액트/앤트디(Antd) 2020. 12. 9. 14:57
[Js] deep dive 2일차

보호되어 있는 글입니다.
퍼블리싱/Javascript 이론 2020. 10. 27. 01:11
Prev 1 ··· 3 4 5 6 7 8 9 ··· 12 Next