본문 바로가기

분류 전체보기144

Javascript - 콜백(Callback) 콜백(callback) -기존의 함수 대신 인자로 전달된 함수를 실행 함으로써 동작 방법이 바뀌게 되는 현상을 콜백현상이라고 한다. -이전 배열메소드(method)(3)에서 다루었던, sort()메소드를 가지고 설명을 진행 하겠다.(배열메소드(method)(3) 링크)! *하기 코드의 결론부터 이야기 하자면, sort(function); 에서 function이 Callback 함수이다. *array.sort(); 자바스크립트 안에 내장되어 있는 함수 이다. *array.sort(function());이 순서대로(동기적) 실행이 된다면 sort()내장 함수가 실행되고나서 소괄호() 안에 있는 함수가 실행 되어야 하지만, function() 함수가 먼저 실행 되었기 때문에 sort(function)을 했을 .. 2020. 5. 25.
Javascript - 클로저(closure) 이번 javascript는 클로저라는 어려운 개념이다. 생활코딩과 codestates에서 둘다 배웠지만, 완벽하게 이해는 못 했다. 공부하면서 codestates의 자료가 정리가 잘 되어 있어서 이번 글은 codestaes의 내용을 인용 할 것이다. (이자료는 수강을 해야 볼 수 있는 자료를 가지고 왔습니다. from codestates) 클로저란? -내부 함수가 외부 함수에 접근할 수 있는 것을 말한다. 즉, 내부 함수에서 외부함수에 있는 변수에 접근 할 수 있는 기능이다. -내부 함수는 외부 함수의 지역변수에 접근 할 수 있는데 외부 함수의 실행이 끝나서 외부 함수가 소멸된 이후에도 내부 함수가 외부 함수의 변수에 접근 할 수 있다. *하기에 있는 코드를 실행하면 결과는 //outer //inner .. 2020. 5. 24.
CSS - 그림자 넣기 (shadow) CSS를 활용하여 HTML에 그림자 효과를 낼 수 있다. -글자에 그림자 효과를 넣을 수 있다. *text-shadow를 활용하면 된다. *2px, 2px은 그림자의 x와 y축 방향을 나타낸다. 크기가 거질수록 그림자 멀어진다. *세번째 2px는 spread 효과이다. 그림자 글자의 퍼짐 정도를 넣을 수 있다. *네번쨰 red는 그림자의 색깔을 넣을 수 있다. -box에 그림자 효과를 넣을 수 있다. *box-shadow를 활용하면 된다. *2px, 2px는 그림자의 x와 y축 방향을 나타낸다. text-shadow와 유사하게 크기가 커질수록 그림자가 멀어진다. *세번째 2px는 spread 효과이다. 그림자의 퍼짐 정도를 넣을 수 있다. *네번째 2px는 spread 효과의 진하기를 나타낸다. *다섯번.. 2020. 5. 22.
CSS - HTML에 적용 방법 CSS 효과를 HTML에 적용 하는 방법 - inline 방식 *장점 : HTML에 직접 입력하기 때문에 가시적이다. *단점 : HTML은 정보를 전달하는 언어이기 때문에 CSS를 직접 입력하면 코드가 복잡함. -HTML 내부에 Style 태그 방식 *장점 : inline 방식에 비해 코드의 복잡하지 않다. *단점 : 유지보수의 어려움 있다. *id를 선택할 때는 #을 사용한다. *class를 선택할 때는 .(마침표)를 사용한다. -HTML 외부에 Style 지정 방식 *장점 : 유지보수의 용이하다. code가 간결하다. *단점 : 파일을 따로 관리 *외부파일에서도 id는 #을, class는 .(마침표)를 사용하여 선택한다. *link 태그를 사용한다. *href는 파일경로를 입력해야 한다. *아래사진 .. 2020. 5. 20.
반응형

티스토리툴바