본문 바로가기
반응형

분류 전체보기89

애니메이션을 이용한 팝업창 띄우기 PC / 모바일을 고려한 애니메이션 팝업창. * 기능 => 상하좌우. 내가 정한 방향에서 팝업창이 날라와 중앙에 띄움. * 사용법 1. ani_popup() 함수만 호출하면 적용가능. 2. css추가 필수 (필수 css참고) 3. 더 자세한건 아래의 주석을 참고 $(window).load(function(){ ani_popup( $('.btn_nonmember'), $('.popup_nonmember').eq(0), 'top'); }); function ani_popup(btn, popup, direction){ /** * @Author webcogy 200210 * @description 팝업창 show / hide 애니메이션 * @param {string} btn 팝업창 여는 버튼 * @param {.. 2021. 1. 25.
즐겨찾기 (모든 브라우저 호환) function favorite(){ /* ------------------------------------------- 즐겨찾기 (모든 브라우저 호환) --------------------------------------------*/ $('.favorite').on('click', function(e) { var bookmarkURL = window.location.href; var bookmarkTitle = document.title; var triggerDefault = false; if (window.sidebar && window.sidebar.addPanel) { // Firefox version < 23 window.sidebar.addPanel(bookmarkTitle, bookmark.. 2021. 1. 25.
개발 트렌드 조사 2020 (stack overflow) stack overflow developer survey 2020 매년마다 stack overflow에서 개발자 설문 조사를 진행해 전 세계에서 여러 가지 측면에서 프로그래밍 기술의 사용률을 통계적으로 보여주는 항목을 연다. 물론 전세계를 대상으로 한 설문 조사기 때문에, 한국적으로 생각하면 많이 다를 수 있다. 그러니 참고용으로만 보고 넘기면 될 것 같다. insights.stackoverflow.com/survey/2020#technology Stack Overflow Developer Survey 2020 Nearly 65,000 took this comprehensive, annual survey of people who code. Demographics. Most loved, dreaded an.. 2021. 1. 25.
[펌] 2016년에 자바스크립트를 배우는 기분 이 글은 내가 웹디자이너로 웹 업계에 들어왔을 때 즈음, 이미 읽어본 글이다. 하지만 그땐 자바스크립트를 비롯해 웹에 대해 너무나 무지하던 시절이라 읽고 이해가 전혀 안돼서 넘겨버렸는데, 4년이 지난 지금, 이제는 조금은 이해가 될 것 같다. 해외나 서울이 아닌 지방에서 일하는 웹종사자들은 아무래도 최신기술을 접하는 것이 늦을 수 밖에 없다고 생각한다. 그 이유는 현재도 최신 자바스크립트문법은 전혀 쓰지않으며 제이쿼리를 이용하는 회사가 대부분이기 때문에, 당장 대부분의 지방회사의 현업에선 쓰기에 어려움이 있다. 따라서 당장 공부할 필요성을 느끼지 못한다. 현업에 쓰일 공부를 하기에도 벅찬 경우가 많기 때문이다. 그럼에도 불구하고 아래의 글은 꼭 읽어보고 자바스크립트 공부에 대한 중요성을 인식하고, 공부를.. 2021. 1. 25.
[nodejs] package.json 만들기 node사이트에서 node 설치 후 (LTS버전 설치), CMD창에 들어가 node -v 로 노드 설치확인. 파일 만들 경로를 찾아가서 설치할 폴더에 npm init 그 후 엔터 엔터~하면 package.json이 해당 폴더에 만들어짐. 2021. 1. 23.
JPA Entity + lombok 사용하기 Entity : JPA에서는 테이블을 자동으로 생성해주는 기능 존재. DB Table == JPA Entity @Entity : 해당 Class가 Entity임을 명시 @Table : 실제 DB 테이블의 이름을 명시 @Id : index primary key를 명시 @Column : 실제 DB Column의 이름을 명시 @GeneratedValue : Primary key 식별키의 전략 설정 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 package com.fastcampus.java.model; import lombok.Data; import javax.persistence.*; import java.time.Lo.. 2021. 1. 22.
반응형

티스토리툴바