전체태그 보기

#javascript (144개의 포스트)

JavaScript 클립보드 복사 구현하기
godori
많은 사이트에서 버튼을 클릭하면 정해진 텍스트를 클립보드로 카피할 수 있는 기능을 사용하고 있습니다. copy-gif.gif 클립보드에 데이터를 복사하는 방법은 execCommand API 를 사용하거나 ClipboardAPI 를 사용하는 두 가지 방법이 있습니다. ClipboardAPI는 비교적 최신 스펙으로, 아직 지원되지 않는 브라우저가 많습니다...
govlmo91
let과 const. - 그동안 var를 써왔다. var는 function scope를 가진다. function 안에서 정의하면 외부의 접근을 막아주지만, if안이나 try-catch문 등등 에서 선언하면 외부에서도 접근이 가능하다. 따라서 프로그램의 덩치가 커지거나, 다른 개발자와 협업시 var는 오염될 수 있다. 이러한 단점을 막기위해 let과 con...
TIL 6월 15일 - JSON, MIME type
ktseo41
JSON MIME type * MIME type(media type이라고도 함)은 문서, 파일이나 assortment of bytes(다양한 데이터를 뜻하는 것 같음)의 종류와 서식을 알려주는 표준이다. 웹에서 확장자는 의미가 없기 때문에, 브라우저가 리소스를 내려받고 할 기본 동작이 무엇인지 결정하기 위해 MIME 타입을 사용한다고 한다. ...
Serverless를 이용해서 Nuxt 프로젝트 AWS lambda에 배포하기
ashnamuh
최근 클라우드 서비스를 이용한 마이크로 서비스 아키텍쳐(MSA)가 대두되고 있습니다. AWS lambda는 MSA에 적합한 클라우드 서비스입니다. 이를 이용하면 간단한 코드 작성만으로 서버 없이 배포를 할 수 있습니다. serverless 프레임워크는 node.js 환경에서 lambda 배포를 쉽게 할 수 있도록 돕습니다. 이 serverless를 ...
TIL 6월 13일 - event object, parameter 와 argument
ktseo41
Event object event는 click, load, keydown 등등 아주 많았다. 특정 HTMLElement에 addEventListener로 해당 이벤트가 발생할 때 특정 함수를 실행하도록 하면, 이 함수에 event Object를 만들어 argument로 자동으로 전달한다고 한다. 다만, 함수를 선언할 때 event 객체를 전달받을 첫번째...
TIL 6월 12일 - callback, asynchronous call, event loop, event, ajax
ktseo41
callback 다른 코드의 인수로서 넘겨주는 실행가능한 코드를 말한다고 한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할수도 있고, 나중에 실행할 수도 있다. 보통 callback함수라고 해서 다른 함수에 인자로 넘겨주는 함수를 지칭하는 경우가 많은 것 같다. asynchronous call 비동기 방식으로 일을 처리하는 것...
jasonkang14
생각보다 빠르게 JavaScript/HTML/CSS 과제들을 마무리해서 repl.it을 통해 기초적인 Python의 문법을 배우기 시작했다. JavaScript와 매우 비슷한 것으로 보아, 왜 한가지 언어를 할 줄 알면 다른 언어도 쉽게 배운다고 했는지 알겠다. 약 2시간정도 과제를 하면서 느낀 차이점에 대해 정리해보았다. 1.중괄호 {} 대신 c...
jasonkang14
이번 과제는 아래 그림과 같은 게임을 만드는 것인데, 스크린샷 2019-06-11 오후 4.04.42.png 1. 왼쪽 상단의 timestamp (총60초) 간 진행되며 2. 랜덤으로 흰색의 물체가 상단에 형성되고 3. 흰색 물체가 아래로 떨어지기 시작한다. 4. 아래 영웅이 좌 우로 움직이며 5. 하늘에서 떨어진 흰색의 물체가 영웅에...
jasonkang14
주말 양일간 휴식을 취하고 월요일부터 다시 시작 이번 과제는 간단한 게임을 만드는 것이었다. 1. 하늘에서 enemy가 떨어지면 hero를 이동시켜 enemy를 없애야한다. Class를 사용하여 Object를 아래와 같이 형성하여 object 내 method를 사용했다. 4. backgroundPosition 스크린샷 2019-06-...
geonhwi

코드스테이츠 [6주차]

2019년 6월 10일0개의 댓글
ES6+ (Grammer) ES6 문법을 기준으로 작성합니다...! 👨🏻‍💻 기본적인 사용법보다는 응용 위주로 다룹니다. Keyword : high-order funcion, ES6+ 0. 시작 JS파일을 생성하고, 귀찮은console.log는 줄여준다 :) - - - 👏🏻 👏🏻 👏🏻
jasonkang14
CSS 추가 학습내용 - 화면만 만들면 되는줄 알고 이것저것 막 다 때려박았는데, 그렇게 하면 안된다는 피드백을 받았다. - 실제로 멘토님이 내가 작성한 CSS에서 여러 항목들을 뺐는데, 화면에 전혀 변화가 없었다. - 필요한 기능만 가지고 화면을 구축할 수 있는 능력이 필요하다. - 일단 생각보다 간단해서 놀랐고, 단어가 완전 straig...
jasonkang14
form tag 의 중요성 - 미니터(유사 트위터)과제를 하다가 아래와 같은 에러 메세지를 발견했다.
jasonkang14
CSS: background- properties - 이미지 출력 시 HTML에서 img 태그를 활용할 것인지 혹은 CSS에서 background-image를 사용할 것인지 고민하다, background-image는 사용한 경험이 없어서 적용해 보고자 했다. - 원하는대로 이미지를 구현하기 위해 다양한 background- property를 사용했다. ...
george

[JavaScript]_Cookie 값 가져오기

2019년 6월 5일0개의 댓글
쿠키값 가져오기(by Function) • Cookie를 확인하고 싶을 땐 document.cookie 를 입력 • localStorage와 sessionStorage는 key-value pair로서 setItem 과 getItem 메서드를 사용하면 되지만 cookie는 ;(세미콜론)으로 구분된 하나의 스트링으로 관리가 된다. • 그래서 쿠키를 다루려면 ...
jasonkang14
개발자도구 사용법 - 웹 구현을 위해 HTML이 어떻게 사용되었는지 볼 수 있으며 실시간으로 수정하여 변화를 확인할 수 있음. - 회사의 Coding Convention을 따르는 것이 중요하며, 연습할 때 Airbnb Convention을 참고하여 익숙해질 수 있도록 할 것 (세계적으로 많이 씀/따름) 2. 개발자도구 사용법 (계속) - Appl...
geonhwi

코드스테이츠 6주차 [solo week]

2019년 6월 3일0개의 댓글
prototype & this 이번 주차는 솔로위크이다. 스스로 복습&예습하는...! JS에서 꽤나 중요한 prototype과 헷갈리는 this에 대해 정리한다. 정리하다가 더 도움될만한 내용은 그때 추가해야겠다! - - - prototype Javascript의 모든 객체는 부모 역할을 하는 객체와 연결되어 있다. 객체 지향에서의 상속처럼 부모 객체...
chading

CSS Transform 2D / 3D

2019년 6월 1일1개의 댓글
실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 가능한 CSS 요소입니다. Transform 3D의 요소로 지정되면 브라우져에서 GPU를 ...
geonhwi

코드스테이츠 5주차

2019년 5월 29일0개의 댓글
5주차 총 정리 5주차 즈음되서 과제를 4개나 끝내고 나니 나태해졌다...😅 총 복습을 한 번하고, 트위틀러 과제를 블로깅하기로 결정...! 꽤 잘 만든 편이니 하면서 복습도 해야겠다~ - - - 모던 자바스크립트 입문 복습은 모던자바스크립트 도서를 이용하였다 :) - - - CH01 factorial 함수는 이렇게 사용하는겁니다~하고 ...
맨 위로 올라가는 버튼#2
rhesus2016

맨 위로 올라가는 버튼#2

2019년 5월 24일0개의 댓글
맨 위로 올라가는 버튼#2 - html / javascript
맨 위로 올라가는 버튼#1
rhesus2016

맨 위로 올라가는 버튼#1

2019년 5월 24일0개의 댓글
맨 위로 올라가는 버튼#1 - html / javascript