본문 바로가기

전체 글

(150)
삼항 조건 연산자 A ? B : C A가 true일 경우 B, 아닐 경우 C. class 이름 상황에 따라 저렇게 조건문 넣어서 정하는 것도 가능하구나 알아두기.
ease-in, ease-out / forwards / animation-delay / box-shadow / overflow-wrap ease-in/ease-out https://css-tricks.com/ease-out-in-ease-in-out/ ease-in 처음에 느리게 시작해서 속도가 마지막에 빨라짐. Component가 화면 빠져나갈때 ease-out 처음에 빠르게 시작해서 속도가 마지막에 느려짐. Component가 화면 들어올때 forwards 애니메이션 실행시 사용. 애니메이션 끝났을때 해당 컴포넌트의 마지막 상태 유지. https://www.w3schools.com/cssref/css3_pr_animation-fill-mode.asp animation-delay start the animation after n seconds. box-shadow box-shadow: 0 13px 27px -5px rgba(50, 50..
Error: Maximum call stack size exceeded 주의 Maximum call stack size exceeded Recursive의 base 케이스가 없을 경우 무한 반복. limit에 달하게 됨 출처: https://stackoverflow.com/questions/6095530/maximum-call-stack-size-exceeded-error Maximum call stack size exceeded error I am using a Direct Web Remoting (DWR) JavaScript library file and am getting an error only in Safari (desktop and iPad) It says Maximum call stack size exceeded. What exactly does this err..
Node.js Node.js란? 자바스크립트는 브라우저에 내장되어 있음. 이는 콘솔에서 자바스크립트 명령어를 쳐보면 알 수 있다. 자바스크립트를 브라우저 밖, 즉 컴퓨터에서 다양한 용도로 쓰기 위해 만들어진 것이 Node.js. 주의 Node.js 자체는 웹서버가 아님. Node.js를 사용해 서버를 만들긴 함. Node.js의 특징 1. 비동기(Asynchronous) 처리 방식 = 멈추지 않는다 (Non-blocking). 예를 들어, Node.js 기반 서버는 API가 실행되었을때 데이터 반환 기다리지 않고 다음 API를 실행. 이전에 실행했던 API가 결과값 반환시, 이벤트 알림 메커니즘 통해 결과값을 받아옴. 2. 빠르다. 구글 크롬과 자바스크립트 엔진 사용 -> 코드실행이 빠름. 3. 단일 쓰레드와 확장성 ..
Login #4 수정중인 글입니다. (미완성) 변수 Global로 공유하기 서버에서 설정한 events 객체를 프론트엔드 단으로 보내고 싶을때 server.js에서 이렇게 작업! unescape해서 받아야해서 #아닌 !로. 참고 : https://pugjs.org/language/interpolation.html String Interpolation, Unescaped 이 부분.
Node JS 리얼타임게임 수업 노트: Gulp 이 노트는 Nomad Coder 수업 내용에 기반합니다. 아래 글은 아직 수정중이라 참고가 어려울 수도 있습니다. 빌드 프로세스 설정하기 #3.1-3.2 Gulp 연결 Why Gulp? - 웹펙의 개똥같은 설정 어려움 그만 겪자! - Static에서 import나 export 해야하는데 프론트 자바스크립트에는 이런게 존재하지 않는다. **static : 유저에게 보내지는 file (e.g. : 이미지, css, client side JS) 1. gulpfile.babel.js 파일 프로젝트 디렉토리 내부에 만들기 *gulpfile.js가 아닌 이유? 해당 파일 내에서 require가 아닌 ECMA6 에서 쓰는 import를 쓰고 싶기때문~ gulp가 자동으로 babelrc 파일을 찾아서 babel 설정대..