전체 글27 자바스크립트란? 자바스크립트란? 1995년, 전세계 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈가 웹페이지의 보조적인 기능을 수행하기 위해 경량 프로그래밍 언어를 도입하기로 결정했는데 이때 탄생한 것이 브렌던 아이크(Brendan Eich)가 개발한 자바스크립트이다. 연혁 1996년 3월 ‘모카’로 명명되며 넷스케이프 커뮤니케이션즈의 웹 브라우저인 넷스케이프 내비게이터2에 탑재 1996년 8월 마이크로소프트는 자바스크립트의 파생 버전인 ‘JScript’를 인터넷 익스플로러 3.0에 탑재했는데 넷스케이프 커뮤니케이션즈와 마이크로소프트는 자사 브라우저의 시장 점유율을 높이기 위해 경쟁하듯 자사 브라우저에서만 동작하는 기능을 추가했기 때문에 JScript와 자바스크립트는 표준화되지 못.. 2022. 10. 31. 반응형 웹(responsive web) 1. 반응형 웹이란? 반응형 웹이란 사이트가 보여지는 장치의 요구사항(화면 크기 등)에 대응하도록 만든 사이트를 말한다. 사람들이 사이트를 접속할 수 있는 장치가 pc밖에 없던 시절에는 pc에서 볼수 있는 사이트만 개발하면 됬지만 이제는 pc 뿐만 아니라 휴대폰, 테블릿 심지어 웨어러블에 이르기까지 다양한 화면의 크기가 존재하고, 각 장치들마다도 모델별, 사양별로 크기가 다르기 때문에 사이트가 모든 화면의 크기에 적응할 수 있도록 하는 것이 중요하다. 반응형 웹은 이러한 모든 사항을 고려하여 모든 사람의 경험을 최적화하는 기술이다. 2. 뷰포트 설정 반응형 웹을 사용하기 위해서는 html 문서의 head에 viewport와 관련된 meta 태그를 넣어야한다. 이 meta 태그는 페이지의 크기와 배율을 제.. 2022. 4. 13. redux 개요 redux는 store에서 상태를 관리하며, store는 단일 store이다. action 1. action action은 객체이며, store의 상태를 변경하는 용도로 사용한다. type은 필수 프로퍼티이며 문자열이다. {type: 'test'} payload가 없는 액션 {type: 'test', params: 'hello'} payload가 있는 액션 2. action creator function 액션생성자이름(...args) { return 액션; } action을 생성하는 함수를 액션 생성자라고 한다. 함수를 통해 액션을 생성한 후 액션 객체를 리턴한다. 3. action이 하는 일 액션 생성자를 통해 액션을 만든다. 만들어낸 액션 객체를 리덕스 스토어로 보낸다. 리덕스 스토어가 액션 객.. 2022. 4. 13. CRA에서 scss 변수를 전역적으로 사용하는 방법 CRA에서는 eject 후 webpack 설정을 해주지 않는 이상 기본적으로 scss의 변수를 전역적으로 사용할 수 없다. 사용할 수 있는 방법은 변수가 담겨있는 scss 파일을 사용하고자하는 scss 파일마다 일일이 import 해주는 것 뿐이다. (번거롭게시리...) 이러한 문제를 craco 라이브러리를 사용해 해결할 수 있다. carco 라이브러리 https://www.npmjs.com/package/@craco/craco 1. 라이브러리 설치 npm install @craco/craco or yarn add @craco/craco 2. package.json 파일의 "scripts" 부분 변경 "scripts": { "start": "react-scripts start", "build": "rea.. 2022. 4. 11. git 기본 명령어 git init git 저장소 생성(초기화), 해당 디렉토리를 git으로 버전관리 시작 git init rm -rf .git 깃 삭제(깃 명령어가 아닌 터미널 명령어) 해당 디렉토리의 .git 파일을 삭제해서 git으로 버전관리를 하지 않게된다. rm -rf .git git status 현재 파일들의 상태 확인 git status에 --long은 기본값으로 지정되어 있기 때문에 git status와 git status --long이라고 작성하는 것은 같은 뜻이며, -s는 축약형으로 상태를 보여준다. git status git status -s git diff 현재 파일들의 상태 확인 git status는 어떤 파일이 수정되었고, 어떤 파일이 staging area에 있는지 확인이 가능하지만 어떤 내용이 .. 2022. 2. 8. .gitignore .gitignore tracking 하고싶지 않거나 git과 github에 올리고 싶지 않은 파일들은 .gitignore 파일에 넣어서 관리한다. test1.json 특정파일을 추가하고 싶지 않을때 *.json 확장자가 .json 파일들을 추가하고 싶지 않을때 build/ 특정 디렉토리 안에 있는 파일들을 추가하고 싶지 않을때 build/*.json 특정 디렉토리 안에 있는 확장자가 .json인 파일들을 추가하고 싶지 않을때 2022. 2. 8. 이전 1 2 3 4 5 다음 728x90
