본문 바로가기

47

맥북 php 버전 업그레이드 시키기, php 다운받기 php 버전을 확인해보니 경고창이 떴다. WARNING: PHP is not recommended\nPHP is included in macOS for compatibility with legacy software.\nFuture versions of macOS will not include PHP. PHP 7.3.22-(to be removed in future macOS) (cli) (built: Oct 30 2020 00:19:11) ( NTS ) Copyright (c) 1997-2018 The PHP Group Zend Engine v3.3.22, Copyright (c) 1998-2018 Zend Technologies brew를 사용하면 php 버전을 간단하게 업데이트 시킬 수 있다. 1. .. 2020. 11. 28.
em rem 차이 1. em 타이포그래피에서 부모 자식 간의 사이즈를 기준으로 배수로 상대사이즈를 나타내는 단위이다. 기본적으로 font-family에 따라서 보여지는 텍스트 크기는 달라질 수 있으나 em은 항상 고정된 폰트 사이즈를 갖게 된다. html 폰트사이즈 값을 16px로 할 경우 1em = 16px 2em = (16*2)32px 3em = (16*3)48px See the Pen em by sonia (@sophyspick) on CodePen. 위 예시를 보자 parent는 html의 크기를 기준으로 폰트 사이즈가 지정되고 child는 parent의 크기를 기준으로 사이즈가 지정된다. parent는 (16*3) 48px child는 (48*0.5) 24px이 되는 것이다. 즉, em은 부모의 폰트 사이즈를 곱.. 2020. 9. 4.
javascript arrow function 화살표 함수 arrow function는 es6에서 사용하는 함수로 function 키워드 대신 화살표(=>)를 쓸 수 있다. 화살표 함수는 익명 함수(anonymous function)일 때 사용할 수 있다. 함수 표현식(function expression) //BEFORE hello = function() { return "Hello World!"; } //AFTER(arrow function) hello = () => { return "Hello World"; } hello = () => {return "Hello World";} //AFTER 매개변수가 하나일 경우 개행, {}브라캣, return 키워드 생략 가능 hello = () => "Hello World"; //es6이전 함수 function hell.. 2020. 8. 28.
var let const, hoisting 기초 var es6 이하에서 변수를 선언할 수 있는 유일한 키워드 var! 1. 함수 레벨 스코프(Function-Level Scope) 함수 코드 블록만을 스코프로 인정한다. 전역 함수 외부에서 생성한 변수는 모두 전역변수이다. var x = 0; function f(){ var x = y = 1; // x는 지역변수로 선언됩니다. y는 아닙니다! } f(); console.log(x, y); // 0, 1 // x는 예상대로 전역이다 // y leaked outside of the function, though! 2. var 키워드 생략 var 키워드를 생략할 수 있다. 암묵적으로 전역변수를 선언한 것과 같다 3. 변수 중복 선언 가능 동일한 변수명을 중복으로 사용할 수 있다. 의도하지 않은 값이 변경될 .. 2020. 8. 25.
맥(Mac)에서 로컬 서버 구동시키는 방법(php, apache) 맥(Mac)에서 로컬 서버 구동시키는 방법(php, apache) php파일을 로컬에서 웹서버로 실행시키려면 몇 가지 세팅이 필요하다. 목차 아파치(apache), php 버전 확인하기 아파치 실행하기 php파일을 웹으로 띄우기 폴더(디렉토리) 접근 권한 해제 아파치 재시작 1. 아파치(apache), php 버전 확인하기 터미널, 명령프롬프트에 아래와 같이 입력해보고 존재하지 않으면 다운받고 진행하자. (아파치, php) $ apachectl -v $ php -v 현재 상태) 맥북으로 아파치 2.4.41, php 7.3.11버전을 사용하고 있음 2. 아파치 실행하기 $ sudo apachectl start http://localhost/ 로컬호스트를 웹에 검색하면 It works! 라고 뜨는 것을 확인.. 2020. 7. 31.
<script></script> async와 defer 의미, 실행 순서, 공통점, 차이점 async와 defer 의미, 실행 순서, 공통점, 차이점 자바스크립트는 parser blocking resource(파서 차단 리소스)이다. asynce, defer 모두 사용하지 않은 기본 모드로 브라우저는 문서를 파싱해 읽다가 자바스크립트를 만나면 진행하고 있었던 파싱을 멈추고 스크립트를 다운-> 파싱 -> 실행한 후 다시 문서를 파싱하게 된다. 스크립트는 인라인으로 선언된 경우, 파싱되고 실행되지만 외부 스크립트의 경우 다운로드한 후 파싱하고 실행된다. 기본모드를 사용할 경우 스크립트를 다운/파싱/실행할 때까지 문서(HTML) 파싱이 중단돼 화면 랜딩 시간이 더 소요된다. async 속성을 쓰면 문서를 파싱하는 동안 스크립트를 만나면 문서 파싱과 함께 스크립트를 다운받고 스크립트 다운이 완료되면 .. 2020. 7. 28.