개발장이
Cancel

input의 onchange 그리고 match로 검색창 만들기

1. 구현순서 input창을 enter키를 누르는 것만으로 value값을 받는다. input값과 json data와 비교한다. input값이 해당 json data에 있을 때 지도 아래 리스트 목록으로 넣어준다. (ulEle에 결과값을 넣어주기) input값이 바뀌면 match로 얻은 값을 새로고침한다. 2. <form>...

시맨틱(Semantic)

1. 웹표준 웹 표준(Web Standards) 이란 ‘웹에서 표준적으로 사용되는 기술이나 규칙’으로 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성하는 것이다. 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동해야함을 의미한다. 웹 표준의 기술로는 XHTML (eXtensible Hypertext Marku...

javascript - Hoisting과 Variable 변수 선언하기

이 글은 zeroCho blog : ES2015(ES6) Const, Let의 내용을 복습하기위해 다시 정리한 것입니다. var let const의 차이는 무엇일까요? 기존 var과의 가장 큰 차이점은, const와 let은 함수스코프를 따르지 않고 블록스코프를 따른다는 것입니다. 함수 본문 내에서 var로 선언한 변수는 선언 위치와 상관없이 ...

javascript - closure 클로저 이해하기

1. 전역변수와 지역변수, 그리고 함수의 범위(scope) 전역변수란 window 객체에 만든 변수로 함수 바깥에 만들어진다. 반대로 지역변수는 함수 안에 있는 변수를 일컫는다. let x = 'outside'; //전역변수 function inside() { let x = 'inside'; //지역변수 x = 'scope'; } insi...

nomadcoder쌤의 react로 Movie web service 만들기

Movie web service 만들기 ch.6 routing까지 완주했다 오류 안내고 따라간 것만 해도 내 자신이 예뻤다 ``(벡터)와 ‘‘(작은따옴표)의 차이를 몰라 마지막에 고생했지만 결국 스스로 오류 풀어냈다 그래서 인지 React Native로 날씨앱 만들기 course가 더 어려운 코스인데도 어제보다 수월하게 해내고 있다. 오늘은 중간...

javascript - preventDefault와 이벤트 객체

ReactJS로 영화 웹 서비스 만들기 ch.3~ ch.5까지 하루종일 본 기분! 7시간 반 정도 걸린 것 같은데 마지막엔 정말 머리가 혼미했다. 오늘 새로 알게 된 개념은 Default Default란, 컴퓨터 기술분야에서 말하는 디폴트란 어떤 값이나 설정치 등이 프로그램 사용자에 의해 지정되지 않았을 때, 컴퓨터 프로그램은 미리 정해져있는 값이나...

ES6문법 개요와 Babel

ES6란, ES6는 EcmaScript6의 준말로 뒷의 숫자는 자바스크립트의 버전을 뜻한다. ECMA 라는 단체에서 기존의 결점을 보완한 표준 자바스크립트 버전을 매년 발표한다. ES2015(ES6)는 기존 자바스크립트 ES2014(ES5)에 비해 많은 부분이 달라졌는데 대표적으로 다음과 같다. 참고로 ES2015와 같이 ES뒤에 년도를 붙...

markdown local img url 경로 설정방법

‘_config.yml’ file에 profile 이미지 경로에서 힌트를 얻어 로컬저장소에서 이미지 경로 url를 설정하는 법을 알아냈다 ‘/assets/img/sample/avatar.jpg’ 알고 보니 내가 선택한 jekyll-theme-chirpy에도 이미지 포스팅하는 법이 자세히 나와 있었다~ Images Previe...

깃허브 블로그 github.io Blog 만들기

오늘부터 깃허브 블로그를 시작하기로 했다. 우선 git에 repository를 만들고 jekyll에서 마음에 드는 theme을 선택한다. 문제는 ruby를 설치하고 jekyll server를 실행하는데 tzinfo 에러와 sass가 발생한 것ㅜㅠ 우선 tzinfo 오류는 http://callmejaden.github.io/git...

programming 독학시작하기

지금 알겠는 건 할 게 너무 많다는 것이다 nomadcoders에서 react 수업 state에 진입했으나 javascript의 class를 그곳에서 처음 보고 생활코딩 객체지향 프로그래밍을 듣기로 한다 국비지원으로 학원에서 공부하는 것을 따라가는 것으로는 기껏해야 좋지 않은 SI업체에 들어갈 수밖에 없다는 현실을 알게 된지 3일이다. 점점 자신...