본문 바로가기

전체 글201

[JavaScript/자바스크립트] 이벤트의 정의 이벤트(Event) 이벤트 타입 : 발생한 이벤트의 종류 (폼, 키보드, 마우스, HTML DOM, Window 객체 등) 이벤트 핸들러 : 이벤트가 발생했을 때 그 처리를 담당하는 함수 지정된 이벤트가 발생하면, 웹 브라우저는 그 요소에 등록된 이벤트 핸들러를 실행 *'앨리스코딩 AI/SW 온라인 실무교육'을 듣고 작성 및 발췌 했습니다. 2022. 10. 7.
[JavaScript/자바스크립트] Node 객체 노드(Node) 와 노드 트리 HTML DOM에서 정보를 저장하는 계층적 단위 노드 트리는 노드들의 집합으로, 노드 간의 관계를 나타냄 자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있음 노드 간의 관계 : 노드 트리의 모든 노드는 서로 계층적 관계를 맺고 있음 노드의 종류 문서 노드(document node) : HTML 문서 전체를 나타내는 노드 요소 노드(element node) : 모든 HTML 요소는 요소 노드로, 속성 노드를 가질 수 있는 유일한 노드 주석 노드(comment node) : HTML 문서의 모든 주석은 주석 노드 속성 노드(attribute node) : 모든 HTML 요소의 속성은 속성 노드이며, 요소 노드에 관한 정보를 가짐 하지만 .. 2022. 10. 7.
[JavaScript/자바스크립트] DOM의 활용 DOM 요소의 선택 DOM 요소의 스타일 변경 DOM 요소의 내용 변경 *'앨리스코딩 AI/SW 온라인 실무교육'을 듣고 작성 및 발췌 했습니다. 2022. 10. 7.
[JavaScript/자바스크립트] 프로퍼티와 메서드 자바스크립트에서 사용자를 위해 사전에 작성된 편의 기능 *'앨리스코딩 AI/SW 온라인 실무교육'을 듣고 작성 및 발췌 했습니다. 2022. 10. 3.
[JavaScript/자바스크립트] 데이터 타입 함수 생성 : function 키워드를 사용하여 생성 함수 호출 : 함수 안에 있는 코드를 실행시키겠다는 의미 var func1 = function() { console.log(“Func1”); } //함수 생성 func1(); //함수 호출 매개변수: 인자로부터 전달받은 값이 들어가는 통로. 상황에 따라 생략 가능 인자: 함수에게 전달하는 데이터 return: 함수 안에 데이터를 저장할 때 사용 var area = function(width, height) { return width * height; } area(10, 20); undefined : 변수 안에 데이터를 입력하지 않은 상태 (데이터가 없는 것) null : 개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태(빈 데이터를 지정한 것) va.. 2022. 10. 3.
[JavaScript/자바스크립트] JS의 기초 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 변수 선언 : 데이터를 담을 공간을 생성하는 것 변수 초기화 : 생성된 변수에 데이터를 전달하는 것 var fruit = “apple”; //변수 선언 fruit = “banana”; //변수 초기화 var fruit = “apple”; //변수 선언 및 초기화 변수 안의 데이터 확인 방법 var fruit = “apple”; console.log(fruit); //apple 출력 console.log();는 변수 안에 데이터를 확인할 때 사용하는 명령어 변수 생성 시 주의 사항 변수명은 숫자로 시작할 수 없음 변수명은 최대한 자세하게 작성 의미가 불명확한 단어들의 조합은 피해야 함 자바스크립트 사용 .. 2022. 10. 3.
[HTML] 레이아웃 margin과 padding의 차이 .margin-left : border 바깥쪽에서 왼쪽에 여백을 만듦 .padding-left : border 안쪽에서 왼쪽에 여백을 만듦 top, right, bottom, left에 여백을 만들 수 있음 공간이 여백을 포함한 크기로 변경되는 점 유의 좌우를 모두 auto로 설정하면 가운데 정렬이 됨. 근데~! margin : auto는 block요소에서만 사용이 가능하다. padding은 auto 사용이 불가능하다. 미스터 에일리언 : 'auto는 padding 속성에 유효한 값이 아닙니다. padding: 0을 빼는 것이 유일한 방법입니다. * 선언에서 그렇지 않으면 단순히 각 속성 블록에 패딩을 할당합니다.' https://stackoverflow.com/que.. 2022. 10. 3.
[CSS] 주요속성 display 속성은 이 링크로 ㄱㄱ https://hans-j.tistory.com/61 [CSS]정렬에 쓰이는 속성 display display : 화면에서에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정 none: 화면에서 보이지 않음. 크기를 차지 하지도 않는다. flex: 하나의 플렉스 아이템이 자 hans-j.tistory.com width, height Hello, World! .paragraph { width: 500px, height: 500 px; } .width 속성 : 선택한 요소의 넓이를 설정 .height 속성 : 선택한 요소의 높이를 설정 고정값은 px, 가변값은 %로 표기 width에 padding, margin값을 포함하고 싶다면?! -> bo.. 2022. 10. 3.
[CSS] CSS의 기초 Cascading Style Sheet 를 의미하는 CSS는 HTML으로 작성된 정보를 꾸며주는 언어 CSS의 구성 요소 : { 속성 : 속성값; } 선택자 : 디자인을 적용할 HTML의 영역 속성 : 어떤 디자인을 적용할지 정의 속성값 : 어떤 역할을 수행할지 구체적인 명령을 진행하는 것 CSS 연동방법 Inline Style Sheet : 태그 안에 직접 원하는 스타일 적용 coding 101 Internal Style Sheet : 태그 안에 넣기 h1 { background-color: yellow;} External Style Sheet : 태그로 불러오기. 가독성이 높고 유지보수가 수월 CSS 선택자 Type Selector : 특정태그에 스타일 적용 h2 { color: red; } Clas.. 2022. 10. 3.
[HTML] HTML의 기초 Hyper Text Markup Language 를 의미하는 HTML은 웹사이트에서 눈에 보이는 정보 혹은 특정한 구역을 설정할 때 사용되는 언어 HTML의 태그 구성 요소 : 컨텐츠 태그명 : HTML이 갖고 있는 고유의 기능 속성 : HTML 태그가 갖고 있는 추가 정보 속성값 : 어떤 역할을 수행할지 구체적인 명령을 진행하는 것 : HTML5라는 신조어로 문서를 선언하는 태그 ... : HTML문서의 시작과 끝을 의미 : 웹사이트의 간단한 요약정보를 담는 영역 (노출되지 않는 정보) ... : 웹사이트에서 눈에 보이는 정보를 담는 영역 (이미지나 텍스트 처럼 출력되는 정보) : character setting의 약자를 나타내는 문자코드 ... : 웹사이트 탭에 나타내는 제목을 적는 태그 ... : .. 2022. 9. 30.
[Eclipse/이클립스] Refactor로 class 이름 변경하기 이렇게 이미 적용되어있는 class명을 일괄 수정하려면! 2022. 9. 24.
3일 동안 이클립스와 씨름한 후기.txt 어떻게 해야 성실한 개발자라는 이미지를 남길 수 있을까 고민하던 찰나에 깃허브에 잔디심기, 블로그에 기록남기기 이 두가지가 중요한 것을 알게되었다. 곧바로! 실행에 옮겼다. 사실 이 전에 SQLD 자격증 취득 준비 중에 Oracle + Dbeaver에 관련해서 쓸까?하다가 결국 실행에 옮기지 않고 흐지부지 넘겨버린 내가 자랑스럽지 않았다. 당장 깃허브에 대해 알아봤고 이클립스에 Markdown 플러그인을 설치하려고 했다. 이게 참..내 3일을 앗아간 주범이다. 결론은 설치 못 하고 다른 플러그인으로 설치했다. 과정 중 내가 한 것 1.이클립스, 자바 모두 재설치 2.이클립스의 metadata 파일 삭제 3.url, jar로 플러그인 수동설치 정말 단 한 개도 먹히지 않았다. 이 와중에 재설치 하는 과정에.. 2022. 8. 20.
[Github/깃허브]로그인 오류 *스크랩 글입니다. https://joytk.tistory.com/58 이클립스 깃허브(github) 갑자기 로그인 안됨 해결 (can't connect to any repository, not authorized, git-receive-p [상황] 2주 전까지 commit, push 잘되다가 커밋하려니까 갑자기 아이디, 비번을 입력하라고함 입력했지만 계속 실패하는지 계속 입력하라고 뜨고 세번 정도 입력했을 때는... 아래 화면도 나오고 can' joytk.tistory.com 2022. 8. 20.
[Github/깃허브]이클립스에서 커밋하기 *스크랩 글입니다 https://recollectionis.tistory.com/166 [Git] Github 사용 이클립스에서 Commit 하기 간만에 포스팅을 해보도록 하겠습니다. 이번 포스팅에서는 한번은 꼭 써볼려고 했던 하지만 어렵다고 생각되었던 Github(이하 '깃허브'라 하겠습니다.) 입니다. Git(이하 '깃'이라 하겠습니다.)가 recollectionis.tistory.com 2022. 8. 20.
[JAVA/자바] for문과 while문 비교하기 for문과 while문 모두 반복문에 해당하고 기능이 유사하여 서로 변환이 가능합니다. 별 찍기 예제를 통해서 같은 결과이지만 어떤식으로 다르게 쓰이는지 비교해보겠습니다. 별 찍기 만큼 좋은 예제가 또 어디있을까 싶습니다. 위와 같은 결과를 위해서 작성한 코드는 아래와 같습니다. for문의 예제 swtich문의 예제 구하고자 하는 값이 적어서 두 구문 모두 간단해보이지만 초기화나 증감식이 필용하지 않은 경우 혹은 반복횟수를 알고 있지 않은 경우라면 while문이 더욱 적합한 반면에, 초기화나 증감식이 필요하고 반복 횟수를 알고 있을 경우에는 for문이 더욱 적합합니다. * '자바의 정석' 교재 중 일부를 발췌 및 참고했습니다. 2022. 8. 17.
[JAVA/자바] if문과 switch문 비교하기 if문은 조건식의 결과가 참과 거짓, 이렇게 두 가지인 반면에 switch 문은 단 하나의 조건식으로 많은 경우의 수를 처리 할 수 있습니다. if문의 예제 switch 문의 예제 여기서 주의해야 할 점은 switch 문의 제약조건은 1. 조건식 결과는 정수 또는 문자열이어야 합니다. 2.case문의 값은 정수 상수(문자 포함), 문자열만 가능하며, 중복되지 않아야합니다. 3.위와 같은 이유로 변수나 실수는 case문의 값으로 사용할 수 없습니다. 따라서 입력받을 값 혹은 결과로 나올 값이 변수 혹은 실수가 아니고 2개 이상이라면 switch 문을 사용해야 합니다. * '자바의 정석' 교재 중 일부를 발췌 및 참고했습니다. 2022. 8. 17.
[Eclipse/이클립스] 코드정렬 간단하게 하기 Preference -> save action을 필터에 검색하고 아래와 같은 창이 뜨는데 형광색으로 칠해둔 곳의 체크박스를 활성화하면 저장시 코드가 자동으로 정렬됩니다. :D 2022. 8. 17.
자바의 정석 기초편 연습문제 답안 https://github.com/castello/javajungsuk_basic/tree/master/%EC%97%B0%EC%8A%B5%EB%AC%B8%EC%A0%9C%20%ED%92%80%EC%9D%B4 GitHub - castello/javajungsuk_basic: 자바의 정석 기초편 관련 자료입니다. 자바의 정석 기초편 관련 자료입니다. Contribute to castello/javajungsuk_basic development by creating an account on GitHub. github.com 출처는 https://cafe.naver.com/javachobostudy 입니다. 남궁성 선생님께서 운영하고 계시는 네이버 카페인데 도움이 정말 많이 되고 있습니다! 위의 깃허브 링크 또.. 2022. 7. 18.
[Eclipse/이클립스] 콘솔창 한글깨짐 해결방법 콘솔창 한글깨짐 해결방법 전에 게시글에서는 Editor 창에서 한글이 깨지는 문제를 해결해보았습니다. 이번에는 콘솔창에서 한글이 깨지네요.. 상단 옵션 바에서 Run -> Run Configurations 경로로 아래와 같은 창을 활성화 시켜줍니다. 필터에 따로 입력하지 않고 바로 제일 먼저 보이는 창에서 Common을 눌러줍니다. Default에 체크되어있던것을 아래 Other로 체크하고 ms949로 선택합니다 혹 ! 시 ! 저처럼 ms949가 선택목록에 없는 경우에는 Properties (마우스를 프로젝트 창에 둔 뒤 Alt + Enter) 창을 활성화하고 아래 항목에 직접 ms949를 입력 해줍니다. 위와 같이 입력을 하신 후에는 이 전과 같은 환경으로 다시 설정해줍니다. 이 후에 아까 활성화 시켰.. 2022. 7. 17.
[Eclipse/이클립스] 한글 깨짐 (Plugin, UTF-8 외의 방법) 이클립스 한글 깨짐 오류 복구 이클립스 플러그인 설치 (Properties Editor) 혹은 Preference 에서 UTF-8로 설정(소스 인코딩 변경)을 했음에도 불구하고 계속해서 한글이 깨질시 아래의 방법을 추천드립니다. 상단 옵션 바에서 Window -> Preference 창을 활성화합니다. 검색창에 enc를 입력하면 아래와 같은 단계가 됩니다. 이렇게 세번째에 EUC-KR을 입력한 뒤 Apply and Close를 하고 재시작 합니다. *입력된 코드는 '자바의 정석' 실습 자료입니다. 2022. 6. 12.
[JAVA/자바] 자바의 정석을 시작하며 이번 공부의 목적은 '깊게 이해하기 + 활용하여 프로젝트 만들기'이기 때문에 '모든 내용을 내것으로 만들겠다!' 는 포부로 패기있게 시작합니다. 자바의 정석은 총 3권으로 구성되어있습니다. 본격적인 강의를 들어가기 전 요약집으로 어떤내용을 배우게 될지 가볍게 훑고 시작합니다. 컴퓨터 과학 전공을 하셨거나 정보처리기사 준비를 하신 분들이라면 초반부의 내용은 수월하게 읽으실 수 있습니다. 뒷부분은 조금 생소하지만 놀란 마음은 진정시키고 계속 읽어갑니다. 다 읽으셨다면 이제 본 공부로 넘어가봅시다. 2022. 4. 1.

티스토리툴바