코딩하는 둥둥

line-height 줄 높이를 정하는 속성 기본값 : normal 상속 : Yes 애니메이션 : Yes 버전 : CSS Level 1 line-height: normal | length | number | percentage | initial inherit normal 웹브라우저에서 정한 기본값. 보통 1.2 length 길이로 줄 높이를 정함 number 글자 크기의 몇 배인지 줄 높이를 정함 percentage 글자 크기의 몇 %로 줄 높이를 정함 initial 기본값으로 설정 inherit 부모 요소의 속성값을 상속받음 References. https://www.codingfactory.net/10639

justify-content 컨테이너 중앙에 flex 항목을 정렬한다. 가로 축을 기준으로 좌우에 대한 정렬을 관장한다. flex-start(default) 요소들을 컨테이너의 왼쪽으로 정렬 flex-end 요소들을 컨테이너의 우측으로 정렬 center 요소들을 컨테이너의 중앙으로 정렬 space-between 요소들 사이에 동일한 간격을 둠 space-around 요소들 주위에 동일한 간격을 둠 space-evenly(FireFox Only) 첫번째로 오는 정렬 대상 전에 두개의 인접한 정렬 대상 사이의 간격과 마지막 정렬 대상 이후의 간격이 같도록 항목이 분산된다. References. https://www.w3schools.com/cssref/css3_pr_justify-content.php htt..

프로젝트 폴더명에 괄호나 특수문자가 포함되면 생기는 오류 프로젝트 폴더 명을 수정했더니 정상적으로 npm run serve가 실행되었다. References. https://www.inflearn.com/questions/458158

box-sizing 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성 기본값 : content-box 상속 : NO 애니메이션 : NO 버전 : CSS Level 3 box-sizing: content-box | border-box | initial | inherit content-box 콘텐트 영역을 기준으로 크기를 정함 border-box 테두리를 기준으로 크기를 정함 initial 기본값으로 설정 inherit 부모 요소의 속성값을 상속 References. https://www.w3schools.com/css/css3_box-sizing.asp https://www.codingfactory.net/10630

Math.abs 메서드 숫자의 절대값을 반환한다. 따라서 결과값은 항상 양수 아니면 0이다. NaN : 값이 숫자가 아닐 경우 Math.abs(-1) // 1 Math.abs(1) // 1 Math.abs(0) // 0 References. https://www.w3schools.com/jsref/jsref_abs.asp https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/abs

jQuery 로컬 다운로드 :link: jQuery Download jQuery Download the compressed, production jQuery 3.6.1 클릭 다른 이름으로 저장 사용하고자 하는 프로젝트 dir에 이동 html의 head태그에서 src 지정 References. https://inpa.tistory.com/entry/jQuery-%F0%9F%93%9A-%EC%84%A4%EC%B9%98-%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95

스테이징 서버 개발자들이 사용하는 테스트 서버(또는 개발 서버) 실제 운영환경의 데이터를 특정 주기마다 덤프를 떠서 데이터까지 실제 운영과 거의 비슷하게 맞추는 환경 즉, 운영서버의 클론 서버처럼 똑같이 운영되는 서버로서 스테이징에 문제가 없으면 운영서버에 그대로 배포하기 위한 최종 테스트 서버이며 회사마다 차이가 있다. References. https://www.inflearn.com/questions/34283 https://okky.kr/articles/733425

도메인 (domain) 인터넷에 연결되어있는 장치를 식별할 수 있는 주소인 IP는 사람이 이해하고 기억하기 어렵다. 따라서 각 IP에 이름을 부여할 수 있게 한 것이 도메인이다. 도메인의 구성요소 opentutorials.org opentutorials : 컴퓨터의 이름 org : 최상위 도메인 - 비영리단체 daum.co.kr daum : 컴퓨터의 이름 co : 국가 형태의 최상위 도메인을 의미 kr : 대한민국의 NIC에서 관리하는 도메인을 의미 References. https://opentutorials.org/course/228/1450

이벤트(Event) 프로그래밍하고 있는 시스템에서 일어나는 사건(action) 혹은 발생(occurrence) 시스템은 이벤트가 발생될 때 몇몇 종류의 신호를 생산/발생 시키고, 이벤트가 발생되었을 때 사건이 자동적으로 취해질수 있는 메커니즘(코드의 실행)을 제공한다. 이벤트는 브라우저 내에서 발생하며 다양한 이벤트 타입이 있다. (이벤트 타입) 이벤트 핸들러(Event Handler) 이벤트가 발생되면 실행되는 코드 블럭(JavaScript)를 말한다. 이러한 코드 블럭이 이벤트에 응답해 실행되기 위해 정의되었을때 이벤트 핸들러를 등록(register)했다고 한다. 이벤트 리스너(Event Listener)라고 불리기도 한다. 이벤트 핸들러와 이벤트 리스너 엄밀히 말하면 이벤트 리스너는 발생되는 이벤트..

콜백 함수(Callback) 다른 함수의 인자로써 이용되는 함수 어떤 이벤트에 의해 호출되어지는 함수 어떤 이벤트가 발생했거나 특정 시점에 도달했을때 시스템에서 호출하는 함수를 말한다. 콜백함수는 가독성이나 코드 재사용에 유리하다? 주로 비동기방식으로 작성된 함수를 동기 처리하기위해 필요하다. 비동기 작업이 완료된 후 코드 실행을 계속하기 위해 사용된다. (비동기 콜백) 비동기 방식을 사용하는 이유는? 사용자 이벤트 처리 : 브라우저 화면에서 발생하는 사용자의 이벤트가 예측이 불가능하기때문에, 특정이벤트가 발생할때 호출해 원하는 내용을 callback함수에 전달하게 된다. 네트워크 응답 처리 : 클라이언트에서 서버에 요청을 보냈을때 그 응답이 언제 올 지 알수 없기때문에 비동기적으로 처리한다. 파일을 읽..