전체 글35

• 

  MAC에서 블렌더 설치하기 MAC에서 블렌더 설치하기는 사실 간단합니다. 구글 검색창에 'blender'를 검색한 후 홈페이지에 접속하여 상단의 'Download' 를 입력한 후 사과 모양의 'Download Blender x.x.x'를 눌러 다운을 받으면 되는데요.최근 맥북인 M1,M2기반의 프로그램들은 Apple Sillicon 으로 다운을 받으면 되고, 예전 맥북의 경우에는 macOS 로 다운을 받으면 됩니다. 저는 노트북은 윈도우 기반으로, 그리고 작업 환경은 맥 스튜디오 (M1)을 사용하고 있기 때문에 '애플 실리콘'으로 다운을 받아주었습니다. 물론, 인텔 기반의 맥의 경우에는 인텔 기반의 블렌더를 다운로드를 해야겠죠? 그리고 '다운로드' 창을 펼친 후 설치하는 파일을 드래그해서 설치를 완료해줍니다. 참고로 블렌더의 경우.. 3D Artist/3D_Blender 2024. 8. 6.

• 

  01. 방명록 게시판 만들기 : GuestbookDAO 설정 DAO란, DAO(Data Transfer Object) 을 줄인 약자로, Service와 DB를 연결하는 역할을 하며, 실제로 DB에 접근하여 data를 삽입, 삭제, 조회 , 수정 CRUD 기능을 수행하는 것을 말합니다. 조금 더 간단히 풀어보면, 데이터의 "객체"라고 표현을 할 수 있는데, 데이터베이스와 관련된 모든 작업을 하는 것이라고 생각하면 됩니다. 이번 실습예제는 방명록 게시판 만들기입니다. 이때까지 각각의 파일에 데이터베이스를 연결하고 호출함을 반복했다면, 이제부터 JSP에서는 XML 파일을 새로 만들기 시작할 것인데요. 각각의 파일의 역할을 정리하며 포스팅을 시작해봅니다. 1. 생성할 파일의 목록 지금부터 생성할 파일의 목록들은 아래와 같습니다. 자바 소스 파일에는 패키지 1 (com.k.. JAVA/JSP 2023. 12. 26.

• 

  jQuery 버튼 누르면 input창에 그대로 가져오기 우리가 로그인 화면을 작성할 때, 버튼을 누르면 input창에 데이터를 가져올 수 있도록 하는 것이 있나요? input창에 데이터를 가져오려면 어떻게 해야할까요? 이때 jQquery를 사용해서 가져올 수 있을텐데요. 이때 jQuery 사용법을 알려드릴게요. 서론 JQuery 실습을 위한 HTML 코드 jQuery 실습을 위한 html 코드를 보여드릴게요. html을 이용해서 아래와 같은 창을 일단 만들어볼거에요. input 창 두개, 그리고 "선택"이라는 버튼을 클릭할 수 있는 것과 radio 스타일의 버튼 두개, select문의 내용과 option의 내용이 몯 ㅜ포함되어있죠. 그리고 마지막에는 fieldset 코드가 함께 있습니다. 자바 웹 개발자 양성 ===== 선택하세요 ===== HTML CSS .. JavaScript 2023. 12. 1.

• 

  jQuery 속성 선택자 ~로 끝나는 요소에 조건 설정하기 속성 선택자 간단정리 이전의 글과 더불어 속성 선택자를 간단히 정리하고자 한다면 아래와 같은 공식을 사용하는 것도 좋은 방법 중 하나인데요. 1. 태그와 태그의 지정된 속성 및 속성 값으로 요소 찾기 태그이름[속성이름]: 지정된 속성을 가지고 있는 모든 요소를 선택합니다. 태그이름[속성이름=문자열] 속성값이 지정된 문자열과 일치하는 모든 요소를 선택합니다. 실제로 완전하게 일치 되어야합니다. 2. 태그이름[속성이름*=문자열] 지정된 문자열이 포함되는 모든 요소를 선택합니다. 문장을 포함합니다. 3. 태그이름[속성이름$=문자열] 지정된 문자열로 끝나는 모든 요소를 선택한다. 예를 들면 02로 끝나는 요소를 찾을 때 적합합니다. 만일 2로 끝나는 요소를 찾고 싶을때면, 아래와 같이 작성해주면 됩니다. 지정된.. 카테고리 없음 2023. 11. 29.

• 

  jQuery 자식선택자와 자손선택자에 있는 태그를 적용하고 싶을때 제이 쿼리에서 빠르게 CSS를 적용하거나 이벤트를 주려고 할 때 우리가 가장 알아야 할 것은, 선택자의 위치가 아닐까 싶은데요. 오늘은 자식선택자와 자손선택자 태그를 적용하고 싶을 때 어떻게 해야 할지에 대해서 포스팅해 보겠습니다. 서론 : '>'를 사용하기 자식선택자는 지난주에 포스팅한 필터링 메서드를 사용합니다 기호 '>'를 사용해서 속성값이 부모요소와 자식요소를 작성해 주면 부모요소 안에 있는 자식요소의 태그를 적용할 수 있다는 장점이 있죠. 만일 $('li > span')을 작성하면 모든 리스트 안에 span 태그가 적용이 되는데요. 그중에서 원하는 요소만 css를 주기 위해서 '. eq'를 추가해서 인덱스 값을 부여합니다. $('li > span').eq(1).css('color', 'green.. JavaScript 2023. 11. 29.

• 

  JQuery #02 CSS 적용의 기본 개념_선택된 요소들의 설정 제이쿼리를 시작할 때 가장 기본적으로 알아야 할 것들이 있다면, 제이쿼리는 어떻게 명령문을 작성하는지, 혹은 메서드를 어떻게 사용하는지, 혹은 css는 어떻게 적용하는지이겠죠. 1. css 간단하게 적용하기 let list = $('#list').css('color','red'); 2. 페이지의 시작과 출력하기. $(document).ready(function(){ console.log('hello'); }) 2-1 위의 공식이 싫다면? 아래로 표현해서 출력해 보기 $(function(){ console.log('ready2'); }); 3. 자바스크립트와 제이쿼리의 CSS 적용의 차이점 보기 자바스크립트에서는 지정한 아이디의 너비를 바꾸거나 스타일을 바꾸기 위해서는 아래와 같은 코드를 작성해야 합니다... JavaScript 2023. 11. 29.

• 

  제이쿼리(J-Query) 다운로드 제이쿼리란 자바스크립트의 문법을 조금 더 간결하게 사용하기 위해서 나온 자바스크립트의 라이브러리라고 생각하면 됩니다. 웹 페이지를 다양한 효과나 연출에 적용할 수 있고 html 조작이 더 쉽습니다. 제이쿼리를 사용하기 위해서 부트스트랩처럼 제공하는 라이브러리를 다운을 받아와야 합니다. 1.제이쿼리 다운로드 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed.. JavaScript 2023. 11. 29.

• 

  개발 준비러의 일상_DAY1 새벽에 시간에 뭐하지? 통학 4시간의 개발준비러 : 새벽 시간에 뭐하지? 플래너를 써볼까? 저는 사실 공부를 하러 학원에 도착하면 주에 2번은 오전 6시 30분에 도착하고, 주에 3번은 8시에 도착하게 되는 것 같아요. 8시간 수업에 지쳐서 평소엔 의자 세개를 붙이고 잠을 자고는 했었는데, 이제 조금은, 시간을 활용해봐야겠다는 생각을 하고는 해요. 그래서 가져온 것이 있다면, 내가 시간을 활용할 수 있는 플래너를 사용하는거죠. 그런데 제가 종이 플래너를 들고 다니니, 주위에서 "요샌 노션쓰는데👩" "실무에서도 노션 많이 써, 그러니까 차라리 노션으로 일정관리하는게 낫지 않아👨?" 라고 하지만, 나한테 노션은 아직 익숙하지 않은걸. ;)? 그리고 계속 입력해야하고, 저장해야하는 것이 저는 번거로워졌어요. 그리고 저장한 데이터가 .. 챗gpt 2023. 11. 29.

• 

  JavaScript : 문서의 탐색 = DOM 탐색 우리가 HTM를 이용해서 문서를 수정하는 것은 비교적 간단한 방법이지만, HTML의 양이 지나치게 많아질 경우 문서를 수정하고, 작성했던 코드를 작성하기엔 시간적인 여유가 없을 때가 많죠. 그럴때마다 많이 사용하는 것이 문서의 태그를 찾아서 탐색된 요소를 JS로 바꾸는 작업을 하는데요. 이 부분에 대한 내용을 다뤄볼까합니다. 서론 : HTML 코드 작성된 HTML 의 코드에 대한 내용을 정리해보자면, span 태그는 child1로 작성이 되어있고, p태그들은 child2 child3으로 작성이 되어있습니다. 그리고 버튼을 생성해서 "부모탐색" "자식탐색"으로 나누어 부모요소에 접근할 수 있고, 자식요소에 접근할 수 있도록 만들어놓았죠. 그 외에도 div태그 test1, test2 test3 test4 까.. JavaScript 2023. 11. 28.

• 

  JavaScript : 아이디 중복확인 (indexOF의 등장) javaScript에서 빠질 수 없는 것이 아이디 중복확인이겠죠? 여러 개발자들이 블로그 포스팅과 더불어 각각의 방법으로 작성한 것을 구경하기도 했었는데요. 오늘은 서론은 HTML 코드를 확인하는 것으로 정리하겠습니다. 서론 : 아이디 중복확인을 위한 코드 넘어가기 전에, 아래의 코드에 대한 간단한 설명을 작성해 봅니다. 아이디와 중복확인은 테이블로 구성되어 있고, 테이블 내에서 버튼을 누르면 중복확인이 되고, 닫기 버튼을 누르면 창이 닫아지는 설정입니다. 하지만, 중복확인에 대한 메시지를 띄워야 하기 때문에 테이블 구조가 아닌 div 코드에 입력 값이 없이 설정되어 있습니다. window3.html 아이디 본론 1. 예시를 위 변수에 배열을 설정해 봅니다. let dis = ['aaa', 'bbb', .. JavaScript 2023. 11. 27.

• 

  javascript 자식 창에서 부모 창에 데이터 가져오기 오늘 javascript에서 다뤄 볼 내용은 자식요소에서 만들어 놓은 팝업창으로 부모요소의 창을 제어해 보는 시간을 가지도록 해보겠습니다. 그렇다면 html에 어떤 내용을 써야 할지 작성해 보도록 해보겠습니다. 서론 부모창의 html을 작성해보도록하겠습니다. 아래의 html의 특징을 간단하게 서술하고 가볼게요. 저는 html 이름을 "window2.html"으로 그리고 javascript의 이름을 "window2.js"으로 설정했습니다. 그리고 '부모창으로 전달'이라는 버튼을 누르는 메서드는 sendID1()으로, "창을 닫을 때 부모 창으로 전달"이라는 버튼을 누를 때는 sendID2() 메서드로, "창 닫기"라는 것을 누를 때는 onclick="sendID2()" 메서드를 클릭하면 되는 거죠. 이 와.. JavaScript 2023. 11. 27.

• 

  javascript window.onload와 body.onload의 차이 javascript window.onload와 onload의 차이를 알고 계신가요? 저는 사실 강의를 들을 때는 잘 몰랐었는데 정리한 코드를 살펴보다가 알게되었습니다. 이 위의 이벤트 핸들러들은, 문서가 로드되었을 때의 실행되는 주체가 다르고, 실행의 시기에 차이가 있다는 점을요. 이 차이를 알 수 있도록, 한 번 더 보도록 할게요. 서론 : 이벤트 핸들러가 무엇인가? 이벤트 핸들러를 파악하기 이전에, 이벤트 처리기라던지 등의 내용을 알고 있는 것이 중요한데. 이 내용에 대한 주제는 다른 포스팅에서 다루니, 이번 포스팅에서는 간편하게 설명해보도록 합니다. 기본적으로 HTML과 CSS 그리고 JavaScript 는 모두 다른 파일에 분리시켜서 작성하는 것이 코드를 더욱 깔끔하게 만들 수 있습니다. 이 때 .. 카테고리 없음 2023. 11. 27.