[java]배열
2022. 7. 6. 16:56
Developer/Java
빼놓을수 없을만큼 가장 중요합니다 여러분이 java를 배우고 나서 아마 대부분의 사람들이 웹을 개발하더라구요 ㅎㅎ 제 경우도 그렇구요 웹 백앤드 개발을 하는 사람이 배열을 모른다고 하면 음 그냥 짤리지 않을까 싶어요 그만큼 가장 필수적이고 당연히 알아야 하는 배열을 알아 보도록 합시다 Array(어레이) 라고도 말하고 배열이라고도 합니다 둘다 같은 말이에요 ㅎㅎ 개발자 분들이 한글로는 잘 말씀을 안하시는 분들이 계셔서 ㅎㅎ 배열이라는 말보다 어레이 라는 말을 더 많이 들었던거 같아요 배열은 비슷한 데이터들을 가져와서 그룹 형태로 보관 하는데에 쓰입니다 정수형 배열을 선언해보겠습니다 int[] score = { 11, 12, 13, 14, 15 }; System.out.println(score); 배열을 ..
[java]반복문
2022. 7. 5. 17:58
Developer/Java
프로그래밍에 있어서 없어선 안될 아주 소중한 반복문입니다 이 반복문이 어떨때 유용하게 사용하는지 확인해봅시다 아주 오래전에 제가 배울 때는 너무 간단한 반복문만 알다 보니 실무에 투입하고 나서 이해하느라 좀 애먹기도 했었습니다 배울 때는 숫자를 이용해서 길이만큼 반복하는 것이 일반적이었는데 실무에서는 배열이나 map등 을 반복해서 리스트를 형성하는 데에 굉장히 유용했습니다 일단 가장 기본적인 반복문 입니다 for (int i = 0; i < 10; i++) { System.out.println("i의 값은 : " + i); } for 옆에 소괄호에 있는 문법부터 알아봅시다 int i = 0; int타입 변수 i를 숫자 0으로 초기화를 했습니다 그리고 세미콜론으로 초기화를 마치고 그 이후엔 i가 10보다 ..

[javascript] 다중팝업 포커스 (focus)
2022. 7. 4. 16:37
Developer/Javascript
여러분들이 실무에 투입하면서 발생하는 문제 중 한가지를 알려 드리겠습니다 다름 아니라 제가 겪은 이야기를 열거 하고 이야기 해볼텐대 한번쯤 이런 구조를 만나실거에요 메인 페이지를 A 메인 페이지에서 표출시킨 팝업B 팝업 B에서 표출시킨 팝업C 총 3개의 페이지가 존재 하는 과정중에 C에서 어떠한 일련 작업을 위해 A에 있는 함수를 사용하고 A로 포커스가 가야하고 A에서 요청한 작업이 완료되면 다시 C로 포커스가 이동 되어야 하는 이런 작업이였습니다 사실 정확히는 이런 형태여야 합니다 제일 밑에 A 그위에 B 그위에 C 이 상태로 작업이 끝나서 표출 되어야 하는 것입니다 그런데 지금 크롬에서는 자식창에서 부모창 focus()가 안됩니다 제가 이 문제때문에 한 2일정도를 focus() 함수에 관한 문서를 다..
[java]조건문
2022. 7. 1. 14:10
Developer/Java
가장 자주 쓰이고 중요한 조건문입니다 이 조건문은 프로그램의 실행 흐름을 바꾸기 때문에 중요합니다 조건문의 가장 간단한 문법입니다 if (true) { System.out.println("true면 실행합니다 "); } 소괄호 안의 조건이 true면 중괄호 안의 코드를 실행합니다 반대로 true가 아니라 false면 중괄호 안의 코드를 실행하지 않습니다 그리고 대부분 위 소스코드처럼 true를 넣진 않습니다 ㅎㅎ 실제로 업무에서는 간단하게 사용합니다 String chkVal = ""; boolean key = false; if ("".equals(chkVal)){ key = true; } if (key) { System.out.println("true면 실행합니다 "); } 예를 들어 chkVal를 매개..
[javascript]생성자(constructor)
2022. 6. 22. 11:23
Developer/Javascript
여러분 자바스크립트에도 생성자가 있습니다 객체를 함수처럼 호출 하는것이 바로 생성자 입니다 상세히 설명하자면 객체를 생성하는 함수 쯤으로 생각하면 될것같네요 자바로 치면 클래스 라고 할수 있겠네요 자바스크립트는 function 이지만 자바에선 아마 class 겠지요 ?? 코드로 확인해 봅시다 function Fruit (name){ this.name = name; this.fruitName = function() { console.log("이 과일 이름은 " + this.name); } } 자바의 class 처럼 함수명 첫 글자를 대문자로 작성합니다 그리고 이 함수를 new 키워드를 통해서 생성 할 수 있죠 ㅎㅎ 자바의 클래스와 같이 저런 프레임? 틀? 저는 자바 클래스를 프레임 이라고 인지 하고 있거든..
[javascript]Document
2022. 6. 21. 11:56
Developer/Javascript
오늘은 도큐먼트 객체에 대해 알아보도록 하겠습니다 Document객체는 아마 다들 익숙 하시리라 생각이 됩니다 워낙에 자주 쓰이니까요 근데 이 document객체는 window 의 속성중에 하나입니다 알고 계셨나요 ?ㅎㅎ 그런데 대부분 window.document. 으로 사용 하진 않죠 ? 그 이유는 window는 전역 객체라서 어디서든 사용이 가능하잖아요 ㅎㅎ 그래서 생략이 가능한겁니다 자 그럼 document 객체를 어떻게 사용하는지 알아 보도록 합시다 가장 기본적인 선택자 부터 살펴봅시다 id를 갖고 html 태그를 선택 하는 방법을 볼텐대 만약 이러한 태그가 있는데 여기에 style 속성을 추가하고 싶다 라고 한다면 일단 태그를 선택 해야겠죠? 어떤 태그인지 식별을 해야하니까요 var btnWra..
[java]연산자
2022. 6. 17. 15:13
Developer/Java
연산자라는 건 어떠한 작업을 위한 기호를 뜻합니다 예를 들어 어떠한 수 하나와 다른 수 하나를 더한다 라는 문제를 가졌을 때 더하기 위한 기호를 뜻하는 것으로 이해 하셔도 무방할 듯합니다 자바에서 사용하는 가장 기초적인 산술 연산자를 알아보도록 합시다 더하기 빼기 곱하기 나누기 나머지 + - * / % 더하기 빼기는 우리가 모를 수 없는 기호로 표현되지만 다른 점은 곱하기는 X 아닌가 저도 처음엔 왜저러나 싶었습니다 ㅎㅎ 제 생각과 추론이지만 우리가 곱하기를 x로 한다면 컴퓨터가 인식하기에는 문자열 x로 인식하지 않나 그래서 * 를 썼을 것이다라고 생각합니다 여러분 더하기 빼기는 제가 굳이 작성하지 않겠습니다 ㅎㅎ int multiply = 1 * 3; int multiply2 = 1 * 1.5; 첫번째..

[Css] css 기본 문법과 사용법
2022. 6. 16. 15:36
Developer/Css
개발자들도 간단한 css는 알아야 한다고 생각합니다 왜냐하면 디자이너가 디자인 해서 퍼블리셔가 퍼블리싱 후 개발자에게 온 페이지를 데이터가 넘나들수 있도록 만드는 작업을 개발자들이 대부분 하는걸로 알고있습니다 그런데 대부분 제가 경험한 바로는 (이직 7번) 여러 회사들을 본 바 퍼블리셔가 있는 회사는 딱 1곳 ㅎㅎ 그것도 그리 크지 않은 회사였고 구조는 디자이너 1명 퍼블리셔 1명 개발자1명 이런 환경에 처해있다 보니 자연스레 css를 검색하고 알아보고 공부하게 되었습니다 맨땅에 해딩으로 배웠다고 할 수 있겟네요 css는 html로 구성된 마크업 구조에 디자인 요소를 입힐수 있는 수단입니다 그래서 html을 모르고는 css를 안다라고 할 수 없겠죠? html 태그에 css를 적용시키는 방법은 두가지? (..
[javascript] 날짜를 표현하는 Date 객체
2022. 6. 16. 13:55
Developer/Javascript
데이터를 가져와서 날짜를 표출 하는 객체인 Date 객체의 사용법을 알아봅시다 백엔드에서 가져오는 날짜 데이터를 바로 쓴다면 상관은 없겠지만 프론트앤드 단에서 날짜를 사용해서 사용자에게 표출 및 조작 해야 하는 상황이라면 javascript에서 날짜를 다룰줄 알아야 합니다 Date객체는 날짜를 다루기에 유용하도록 만들어져있으니 한번 배워보도록 합시다 아 그리고 중요한 부분이 있는데 Date객체는 생성자 함수이므로 함수와 같이 호출합니다 예를들면 java의 class를 생각해보시면 될것같습니다 ㅎㅎ var day = new Date(); var now = new Date(2022, 5, 23); new Date(); 구문에서 day변수에는 오늘 날짜가 저장됩니다 그리고 now 변수에는 제 생일을 넣어줬습니..
[javascript]콜백
2022. 6. 15. 15:50
Developer/Javascript
콜백은 가장 중요합니다 햇갈리기도 하구요 다른 사람들이 작성해놓은 소스들을 보면 왜 이렇게 해놨을까 이게 뭐지 하며 의문을 가지는 소스들도 많이 있습니다 초심자들이 가장 햇갈려하는 콜백입니다 자바스크립트에서는 콜백을 매개변수로 지정합니다 많이 햇갈리시죠 자 그럼 각설 하고 소스로 확인합시다 var callback = function (data, callb){ var data2 = "hi"; if (data == "devJ") { data2 += data; } callb(data2); } callback("devJ", function(result){ console.log(result); }); //hidevJ callback("hi dev", function(result){ console.log(resul..