전체 글
-
초보자를 위한 자바스크립트로 프린트 기능 구현하기Study/JavaScript 2023. 3. 3. 15:42
현재 인사정보조회 관련 기능을 구현 하고 있는데, 고객사측 요구사항중 출력을 할 수 있게 출력 기능을 구현해 달라는 요구 사항이 있었음. 공부 겸 다른분께 도움이 되고자 정리를 하고자 함. 1.구현 방법 구현은 간단하다 자바스크립트로 window.print();를 사용 하면 된다. 나 같은 경우 아래 그림처럼 출력 이라는 버튼에 클릭이벤트를 발생시켜 window.print(); 함수를 작동하도록 구현 하였는데 구현방법은 아래와 같다. 1-1.출력 버튼에 이벤트 걸기 기본정보 출력 코드를 보면 printPage() 라는 onclick 이벤트를 걸어서 출력 버튼을 눌렀을때 아래에 있는 자바스크립트가 작동 하게 됨 function printPage(){ window.print(); } window.print(..
-
초보자를 위한 화살표로 메뉴펼치기 구현(화살표 모양 토글 구현)Study/JavaScript 2023. 3. 2. 23:46
현재 프로젝트를 구현 하는 부분중에 화살표 모양으로 왼쪽 메뉴바를 펼치는 부분을 구현 해야 되었음. 아래와 같이 구현 해야함. *메뉴펼치기전 *메뉴펼치기후 구현하는 방법에는 직접 화살표 아이콘을 사용하여 눌렀을때 화살표 아이콘을 바꿔줘도 되지만 나는 transform 속성 과 board 속성을 이용하여 구현 하였음 어떻게?? 1.html 부분 조직도 (1)영업부 (2)경영지원 특이할점은 없지만 클릭할 부분과 onclick에 의해 펼쳐졌다가 없어질 부분을 div로 구분해 놓아야 됨 id=arrow 로 설정한 div가 화살표가 있는 부분 2.CSS 부분 #arrow{ position:relative; top:10px; width: 10px; height: 10px; border-top: 2px solid b..
-
초보자를 위한 DB 기초편 (JDBC 란? DBMS 란?)Study/Java 2023. 2. 15. 00:35
처음 자바라는 언어를 배웠을때 들었던 의문 자바랑 SQL를 이어서 DB를 조작 할수 있다는데 그게 어케 되지???? 그때 배웠던 JDBC에 대해서 정리 해본다! 지금 제대로 공부해 놓으면 실무때 도움이 될것이다! 1.JDBC 너는 누구? JDBC란 자바 프로그램을 데이터베이스와 연결하여 데이터를 주고 받을수 있데 해주는 중계프로그램 이다. JDBC를 설명하기 위해서는 DBMS에 대해 먼저 아는게 순서 일거 같다. DBMS는 DB를 운영하고 관리해주는 소프트웨어 로 DB의 구성,정의, 유지, 쿼리언어지원 등 DB를 사용하기위해 모든 것을 관리해주는 DB 관리인 이라고 생각하는게 좀더 이해 하기쉬울거 같다. DBMS의 종류는 mysql,oracle,mssql...등 여러종류가 있으며 각각 종류 마다 자바 어..
-
초보자를 위한 반응형페이지 만들기(디바이스 별로 다른 사이즈 적용하기)Study/JavaScript 2023. 2. 12. 21:43
프로젝트를 하다보면 pc뿐만 아니라 mobile 또는 table등 여러 디바이스기기가 있는데, 모든 디바이스별로 크기를 고려하여 사이즈를 조절해야 되는 문제가 있을것이다. width는 단위를 %로 설정하면 되지만 hight, font-size...등 이 모든 사이즈를 일일히 조절하기엔 우리에겐 시간이 부족하다는것! 그래서 rem 이라는 단위가 나왔다! 1.설명 rem단위는 상대적 단위로 최상위태그인 html태그에 font-size를 지정 하면 지정한 사이즈가 기준이 되어 하위자식태그의 사이즈는 모두 rem단위를 계산하여 넣어주면 추후에 자바스크립트로 font-size만 바꿔주면서 디바이스별로 사이즈를 적용할 수 있다는것! 설명이 어렵다면 바로 예제 코드를 보자! 2.코드 전체화면 위에 설명에서 말했듯이 ..
-
초보자를 위한 캔버스(Canvas)로 그림 그리기 방법Study/JavaScript 2023. 2. 7. 18:14
캔버스(canvas)는 간단하게 소개하자면 웹에 도형을 표시하고싶거나 그림등...그래픽적인 기능이 필요할때 사용 하는 태그로 html5가 나오면서 같이 나온 기술이라고 한다. 프로젝트를 진행중 웹상에 그림을 그려야 되는 일이 있어 canvas기술을 익히는중 정리겸 올려본다. 1.html 부분 html코드에서는 canvas 태그를 설정하고 id는 자바스크립트 사용을 위해 지정 하고, class는 css적용을 위하여 지정한다. width와 height는 canvas의 사이즈를 지정 할 수 있는데, css에서도 지정 할수 있으나 렌더링 과정에서 css크기에 맞추기 위해 이미지의 크기를 조절하므로 최종 그래픽이 변형 될 수 있다. 그래서 html 코드에 직접 width와 height를 설정 하였다. 2.css ..
-
비전공자 30대 중반 여자가 어떻게 개발자로 취업 했지?(1)사는 이야기 2023. 1. 29. 20:49
제목에 소개 했듯이 저는 30대중반의 비전공자 학원출신 여자 신입 개발자 입니다. 저를 소개한 단어에서 볼수 있듯이 저는 신입으로 취업하기에 모든 악조건을 갖췄습니다. 전직을 할지말지 무수한 고민이 있었지만 그래도 어찌저찌 취직해서 다니고 있습니다 :) 여튼,,,저 처럼 전직을 고민 하시거나 나이가 많은데...난 여자인데...하시는 분에게 도움이 되고자 몇자 적어봅니다. Part1.전직할까?말까? 먼저 제 글을 보고계시다면 궁금해서 보고 계실수도 있지만 저처럼 -비전공자 출신 -다른 직무로 경력을 쌓아온분 대상이 되지 않을까 싶네요... 먼저 전직 쉽지 않다는 사실은 알았으면 좋겠습니다. 인스타, 유튜브 등등 학원에서 나오는 광고처럼 개발자가 되면 연봉도 많이 받고 좋은 사무실환경에 평등한 회사분위기와 ..
-
초보자를 위한 메뉴 열고 닫기 만들기(Toggle 창 만들기)Study/JavaScript 2023. 1. 18. 15:55
웹사이트나 앱을 보면 메뉴창을 열고닫는 기능이 있다. 이 기능을 신입입장에서 기능을 쉽게 구현해 보겠다. 1.구현화면 위에 이미지는 내가 현재 구현한 메뉴 열고닫기 기능 또는 toggle창 기능인데 원리를 설명하자면 특정 버튼을 누르면 감춰져있던 div가 보이고 다시 특정버튼을 누르면 다시 div가 감춰지도록 하는데 이때 쓰이는 요소가 css의 요소중 display 를 이용하여 기능을 구현 할수 있다! 자세한 설명을 아래 코드를 보고 설명 하도록 한다. 2.코드설명 (1)html 코드 ASP 모바일 상담 서비스 *화면구성 설정 고객화면크게 상담사화면크게 고객만 직원만 *카메라 설정 전면카메라 후면카메라 *음성 설정 음성포함 음성제거 위에 코드는 이미지상의 상단부분만 발췌 하였는데 특정아이콘은 버튼요소로 ..
-
자바의정석-배열의 장단점(arrayList 또는 배열 for문으로 삭제 했는데 숫자가 남아요 ㅠㅠ)Study/Java 2023. 1. 17. 23:23
1.배열의 장단점 *장점-배열은 구조가 간단하여 데이터를 읽는데 걸리는 시간이 짧다. *단점 (1)크기를 변경 할수 없다. 크기를 변경해야되는 경우 첫번째, 더큰 크기의 배열을 생성해야 된다. 두번째, 이전 배열에 있던 데이터를 복사한다. 세번째. 참조변수의 주소값을 변경해야 된다. 위에 3단계를 거치기 때문에 크기변경시 시간이 많이 걸리고 비효율적이다. 또한, 위와 같은 불편함을 제거하기위하여 큰크기의 배열을 생성할 경우 메모리를 차지하기 때문에 메모리관리 차원에서 그것 또한 비효율적이다. (2)배열 중간에 데이터를 추가하거나 삭제할 경우 시간이 많이 걸린다. 왜? 중간에 추가 할경우 추가하는 위치 뒤에 있는 데이터를 한칸씩밀면서 저장을 해야하기 때문. 그와 같은이치로 삭제할 경우에도 중간에 있는 데이..