전체 글
-
자바의 정석-ArrayListStudy/Java 2023. 1. 16. 23:35
1.ArrayList 란? Array(배열)+List(List인터페이스)의 결합으로 데이터의 저장공간으로 배열을 사용하며, List인터페이스의 특징인 순서가 있고, 중복을 허용한다는 특징을 가지고 있다. 위에 사진을 보면 앞서 말한거와 같이 ArrayList는 List인터페이스를 상속받아 구현한 구현클래스로 List 인터페이스를 구현한 구현클래스는 Vector와 LinkendList도 있는데 먼저 Vector의 경우 예전에 썼던 배열형식의 저장방식으로 ArrayList와 거의 유사하나 한가지 다른점이 있다면 Vector같은 경우 동기화가 되어 있고 ArrayList의 경우 동기화가되어 있지 않다는 차이점이 있다. LinkendList는 이름에서 알수 있듯이 Linkend(연결됨)+ List(List인터페..
-
자바의 정석-컬렉션프레임웍(collections framework)Study/Java 2023. 1. 16. 00:01
나의 랜선 쌤인 남궁선쌤이 객체지향 다음으로 제일 중요한게 컬렉션프레임웍 (collections framework)이라고 한다. 처음 들었을 당시에는 아무 지식이 없어서 그런가보다 하고 들었는데, 어느정도 기초 지식이 생기고나니 왜 중요하다고 하는지 이제야 조금씩 알게 되는거 같다. 아마 백엔드 개발자 직무를 가진 개발자라면 어떻게 하면 수많은 데이터를 효율적으로 관리를 할까 많이 고민할것이다. 이런 고민에서 나온 방법들이 모여 컬렉션프레임웍 (collections framework)을 만들어 졌다고 하니, 기초 다질겸 다시한번 복습겸 내용을 정리 하고자 한다. 1.컬렉션프레임웍 (collections framework) 란? 컬렉션(collection) : 여러 객체(즉, 데이터)를 모아 놓았다는 의미..
-
초보자를 위한 반응형 기초(화면크기별로 width설정 하기)Study/JavaScript 2023. 1. 7. 11:04
web으로 되어있는 페이지를 mobile버젼으로 만들어 달라는 업무지시를 받았고 현재 만들기 위해 시행 착오중에 발견한 지식에 대해서 공유하고자 포스팅한다. 내가 반응형 웹을 만들라고 했을때 옆에 동료가 width가 px로 고정으로 되어 있으니 %로 설정해야 디바이스 크기에 따라 줄어들고 늘어날수 있다고 알려 줬었다. 그래서 %적용하니 되긴 되는데,,,도대체 %를 설정 했을때 기준점을 모르겠다는것... 그래서 이것저것 실험을 해보니 "%를 설정하고자 하는 선택자의 상위부모선택자를 px로 고정값을 주고 그걸 기준으로 %로 변경" 이 되는거 같다! 아래 코드를 보고 설명하겠다. (1)html코드 ASP 모바일 상담 서비스 setting 영상걸기 영상통화 채팅 캡쳐보기 영상걸기화면1 영상통화화면2 채팅화면3 ..
-
자바스크립트로 탭 구현하기(신입버젼)Study/JavaScript 2023. 1. 6. 10:40
자바스크립트로 탭 메뉴를 구현할 일이 생겨 공부겸 포스팅 해본다. 우선은 저는 신입이고 프론트단은 해본적이 없어서 매우 기초적인 국비교육생 수준이니 신입 및 국비교육생이 포스팅의 대상이 될거 같다. 1.구현시 결과화면 2.코드 (1) html 코드 탭1 탭2 탭3 탭1 화면 입니다. 탭2 화면 입니다. 탭3 화면 입니다. (2) css 코드 ul.list { list-style-type: none; } .tab-button { display: inline-block; } .active { background-color: aqua; } .tab-content { display: none; padding: 10px; } .show { display: block; } (3)JavaScript 코드 consol..
-
모바일과 pc 디바이스 자바스크립트로 구분하는 쉬운방법Study/JavaScript 2023. 1. 6. 10:15
업무를 하다보니 pc버젼과 mobile버젼을 나눠야 되는 일이 생김 그래서 이것저것 알아보다가 제가 찾아본 방법중에 신입이 쉽게 자바스크립트로 구현할 수 있는 방법을 찾아서 공유함. navigator.userAgent 는 자바스크립트 내장함수로 개발자모드로 Console창에 입력하면 아래와 같이 현재 디바이스의 정보를 보여준다. navigator.userAgent를 user에 담아서 indexOf("iPhone" 또는 "Android") 함수를 통하여 괄호안에 있는 단어를 찾으면 index숫자를 반환하고 없으면 -1을 반환한다.
-
초보자를 위한 AJAX통신으로 회원가입기능 간단히 만들기Study/Spring 2023. 1. 3. 00:24
ajax통신은 비동기방식 통신의 하나로 학원다닐때 스치듯 배웠는데, 다시 공부 삼아 기능을 구현해 보았다. 나는 회원가입기능을 만들때 보통은 아래와 같이 form형식+ submit버튼 조합으로 만들었다. 아이디 비밀번호 이름 그래서 ajax통신으로 기능을 만들고 싶어 간단하게 구현 해보았다. 간단하게 환경을 소개하자면 spring기반인 전자정부프레임워크 IDE툴을 사용하여 구현 하였으며, 다른분들은 DAO와 sqlSession을 이용하여 만든예제가 많은데, 나는 좀더 간편히 만들기 위하여 mybatis 기반의 mapper를 이용하여 구현하였다. 1.DB작성 CREATE TABLE CUSTOMMEMBER( ID VARCHAR(30) NOT NULL PRIMARY KEY, PASSWORD VARCHAR(30..
-
초보자를 위한 commit 상세메세지 작성 방법Study/Git 2022. 12. 26. 13:45
보통은 commit메세지를 남길때 간편하게 git commit -m "남기고싶은 메세지" 명령어를 통해 commit메세지를 남기는데, 좀더 길게 남기고 싶거나 회사에서 정해진 폼이 있다면 아래와 같은 방법을 사용하여 상세한 commit메세지를 남길수 있다. 1.git commit 명령어를 치면 vi 편집기로 들어가 commit메세지를 상세하게 작성 할 수 있다. 2.vi 편집기에 들어가 작성을 할려면 i 를 누르면 하단이 INSERT로 바뀌면서 편집할 수 있게 바뀜 3. Git Conventions 형식 또는 회사에서 사용하는 git메세지 형식에 맞춰서 작성 4.작성이 완료되면 esc를 누르고 :wq 명령어를 치고 빠져나오면 됨 5.vi편집기를 빠져나와 git push -u origin master로 명..
-
AJAX 너는 뭐니? 도대체!!!Study/Spring 2022. 12. 22. 22:52
웹개발자 국비과정을 듣는 국비생 또는 저 처럼 회사에 갓 입사한 삐약이 웹 개발자가 꼭 거쳐야 하는 관문! Ajax통신 이다. 국비교육을 들으면서 Ajax통신에 대해서 많이 들어봤고, 배웠다...아주빠르게... 그래서 배운기억만 있고 아직 정확하게 이해 못하고 있는 저와 같은 분들이 없기를 바라는 마음에 공부 겸 정리를 해본다! 1.Ajax 너의 정체는 뭐니? Ajax(Asynchronous JavaScript And XML) 약자로 비동기방식으로 자바스크립트를 이용하여 xml포맷(초기에는 xml로 데이터를 주고받았지만, 현재는 여러방식으로 데이터를 주고 받을 수 있다)으로 서버와 통신하는 방법을 말한다. 이렇게 말하면 무슨말인지 어려울것이다. 간단히 말하자면 (1)서버와 통신하기 위해 XMLHttpRe..