수제 녹차 수제 녹차

컴퓨터

• [Node.js] routing tip

  컴퓨터/Node.js 2020. 2. 10. 23:55

  * url과 page가 꼭 일치할 필요는 없다 ex) router.get('/', function(req,res) { var id = req.user; if (!id) res.render('login.ejs'); res.render('main.ejs',{'id':id}); }); - jQuery click 이벤트말고 태그로 이동버튼 넣을 수 있어 source: inflearn, Node.js 웹개발로 알아보는 백엔드 자바스크립트의 이해

  Read More
• $(function(){}) vs window.onload

  컴퓨터/jQuery 2020. 2. 9. 14:03

  1) $(function() {}) $(document).ready(function(){}); 페이지가 로딩되었을 때 일어나길 바라는 이벤트들이 작성된다. 리소스와 상관없이 DOM만 생성되어도 호출된다. 예를 들어 이미지 같은 리소스를 요구하는 페이지일 경우 이미지 로딩 완료 상관없이 진행 2) window.onload = function() {}; 리소스 호출도 완료되었을 경우 실행 출처 : https://recoveryman.tistory.com/104

  Read More
• [git] remote: HTTP Basic : Access denied

  컴퓨터/git 2020. 2. 6. 17:07

  git pull 할 때 갑자기 일어난 오류 계정정보 패스워드 설정을 초기화하고 다시 입력해준다. $git config --system --unset credential.helper 안돼서 관리자권한으로 실행했더니 됐다 source : https://wrjeoung.tistory.com/43

  Read More
• [javascript] Objects.keys(array), Object.getOwnPropertyNames(array), Object.entries(array)

  컴퓨터/JavaScript_typescript 2020. 2. 6. 11:05

  * get an array of its keys var lunch = { sandwich: 'turkey', chips: 'cape cod', drink: 'soda' }; var keys = Object.keys(lunch); returns enumerable properties - var props = Object.getOwnPropertyNames(lunch) returns both enumerable and non-enumerable properties // returns an empty array: Object.keys(Function.prototype); // returns ["length", "name", "arguments", "caller", "constructor", "apply", "..

  Read More
• [HTML] input tag : autocomplete, type, required, readonly, disabled, 모바일 기기에서 제공

  컴퓨터/HTML & CSS 2020. 2. 4. 20:32

  * 읽어보기 : www.freecodecamp.org/news/what-is-sql-injection-how-to-prevent-it/ SQL injection 대비하기 * readonly, disabled 읽기만 가능할 뿐 변경은 불가능하다. 차이점 : form으로 값을 보낼 때 disabled의 값은 전송되지 않는다 * autocomplete 자동 완성 기능 끄기 * type="file" file 이외에도 : password, number, telephone(tel), email, url, search, Datetime-local, date, time, month, week, color, range 등 가능 accept: 파일 탐색기 열 때 해당 파일 형식만 뜨도록 한다. Note: 다른 형식 첨부 ..

  Read More
• [jQuery] each function(for 대신 $(대상이 되는 selector).each)

  컴퓨터/jQuery 2020. 2. 4. 19:38

  * do something for every element returned from selector $(document).ready(function(){ $('#items').on("click", function(){ $('.progress-bar').each(function() { var randomPct = Math.round(Math.random() * 100); $(this).attr("aria-valuenow", randomPct); $(this).css("width", randomPct = "%"); $(this).text(randomPct); }) }) }) 출처 : https://www.youtube.com/watch?v=EwJjQe0TtPM

  Read More
• [jQuery mobile] 설정

  컴퓨터/jQuery 2020. 1. 29. 17:58

  custom-scripting.js 파일 만들어서 적용 가능 $(document).bind("mobileinit", function() { // 페이지 로드시 ajax 통신을 하지 않는다. 로드 대상이 되는 파일에 자바스크립트가 있을 때 ajax로 페이지를 // 읽으면 오류가 발생하는 경우가 있어. 장면전환 효과를 사용하지 않는 경우도 사용 가능 $.mobile.ajaxEnabled = false; // 페이지 로드시 ajax 통신을 이용하지 않고 페이지를 새로 읽는 방식 // 페이지간 이동시 장면전환 효과 // 기본값 : fade(어두워졌다 흐려졌다),option으로 none도 있다 $.mobile.defaultPageTransition = 'slide'; }) 출처 : 생활코딩

  Read More
• [jquery mobile] toolbar

  컴퓨터/jQuery 2020. 1. 29. 17:16

  * Toolbar Header bar, Footer bar, Navbar 통칭 (position) data-position = "inline"/"fixed"/ inline : 스크롤하면 툴바가 안보인다. fixed : 스크롤해도 툴바가 고정 위치에 있다. 화면 터치하면 비로소 사라진다. 다시 터치하면 나타난다.(스크롤이 있는 경우에만 반응한다) fullscreen: 스크롤이 없어도 터치에 반응한다. data-position="fixed" data-fullscreen="true"(풀스크린) -> 둘 다써 줘야 한다. Cancel Edit Contact Save Add Up Down One Two Three 출처 : 생활코딩, https://opentutorials.org/course/473/2518

  Read More