You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
![[Virtual Box] 💿 화면 크기를 크게 하는 방법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbC7PXW%2FbtrfbZFptjF%2FxKVJn8Kbw2e8DVigPRTXKk%2Fimg.jpg)
[Virtual Box] 💿 화면 크기를 크게 하는 방법
버츄얼 박스 화면 크기 늘리기 기존 VM에서 창크기를 조절하면 쌩뚱맞게 여백이 생겨버린다. Centos설정에서 그래픽컨트롤러를 VBoxVGA로 바꾸면 해결된다. 설정 -> 디스플레이 -> 그래픽컨트롤러로 이동해서 VBoxVGA를 선택 마우스 커서가 안보일땐 포인터장치를 USB태블릿으로 바꿔준다. 그래도 안될경우.. 게스트 확장 CD이미지 삽입을 누르고, C드라이브로 간다. vBoxWindowsAdditions를 더블 클릭하여 설치한다. 설치가 완료된 후, 재부팅을 한다. 그래도 안커질 경우, 전체화면을 했다가 되돌아온다.
🐱 톰캣 자동 재실행 파일 만들기 (restart.bat)
톰캣 자동 재실행 설정 톰캣을 쓰고 있다면 restart가 없어서 shutdown.bat 와 startup.bat 두번의 작업을 해줘야 한다. 이를 한번에 하는 bat파일을 만들어 보자. 아래와 같이 restart.bat 파일을 만들고 메모장에서 위 스크립트를 붙여넣고 저장하기만 하면 된다. 단, call 우측의 경로는 자신의 로컬환경에 맞게 수정하는건 잊지 말기 바란다. @echo on call "C:\Program Files\Apache Software Foundation\apache-tomcat-9.0.52\bin\shutdown.bat" timeout /t 5 call "C:\Program Files\Apache Software Foundation\apache-tomcat-9.0.52\bin\st..
🖥️ goormide로 DB 웹 서비스 구현 방법 (phpMyAdmin + Mysql)
서비스 시작 & 설정 1. 링크로 들어가서 IDE시작하기를 누르면 로그인/회원가입 절차를 따른다. 구름IDE - 설치가 필요없는 통합개발환경 서비스 구름IDE는 언제 어디서나 사용 가능한 클라우드 통합개발환경(Integrated Development Environment IDE)을 제공합니다. 웹브라우저만 있으면 코딩, 디버그, 컴파일, 배포 등 개발에 관련된 모든 작업을 클라 ide.goorm.io 2. 그리고 컨테이너로 들어가서 새 컨테이너를 만든다. 언어는 php나 서버사이드 언어를 고르고, 밑에 mySQL 설치를 필히 체크 해준다. 생성하기를 누르면 시간이 소요되며, 추가 모듈 및 패키지가 설치되기 시작할 것이다. 3. 컨테이너를 만들고 이제 시작하면, 다음과 같은 에디터 화면으로 진입 한다. ..
![[Virtual Box] 💿 리눅스 (Linux) 설치 (CentOS vs Ubunto)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb3kfiQ%2Fbtre6EoTLfz%2FZqRiSksLrghBHjTwsShQjK%2Fimg.jpg)
[Virtual Box] 💿 리눅스 (Linux) 설치 (CentOS vs Ubunto)
CentOS vs Ubunto 우분투 CentOS 시스템 코어 데비안 기반 Redhat 기반 업데이트주기 자주 고의적으로 드물게 보안 양호 (추가 구성 필요) 강한 지원 고려 사항 우수한 문서 및 지원 커뮤니티 좋은 문서. 작지만 활동적인 사용자 커뮤니티. 플랫폼 초점 데스크톱 사용자에게 더 적합 서버 시장을 겨냥하고 대기업에서 선호 관리 용이성 보통의 도전적인 파일 구조 둘 다 동일한 기본 파일 / 폴더 구조를 사용하지만 시스템 서비스는 위치가 다릅니다. 둘 다 동일한 기본 파일 / 폴더 구조를 사용하지만 시스템 서비스는 위치가 다릅니다. 패키지 관리 apt-get, aptitude YUM 클라우드인터페이스 OpenStack OpenStack, OpenNebula, CloudStack 가상화 KVM, ..
🌐 DOM(문서 객체 모델) 다루기 문법 💯 총정리
브라우저 DOM 종류 브라우저는 HTML 문서를 로드한 후, 해당 문서에 대한 모델을 메모리에 생성한다. 이때 모델은 객체의 트리로 구성되는데, 이것을 DOM tree라 한다. 문서 노드(Document Node) 트리의 최상위에 존재하며 각각 요소, 어트리뷰트, 텍스트 노드에 접근하려면 문서 노드를 통해야 한다. 즉, DOM tree에 접근하기 위한 시작점(entry point)이다. 요소 노드(Element Node) 요소 노드는 HTML 엘리먼트를 표현한다. 어트리뷰트, 텍스트 노드에 접근하려면 먼저 요소 노드를 찾아 접근해야 한다. 모든 요소 노드는 요소별 특성을 표현하기 위해 HTMLElement 객체를 상속한 객체로 구성된다. document.getElementById(id) // -> i..
🏷️ BBCode 태그 문법 정리
BBCode란? BBCode는 HTML의 특별한 구현이다. BBCode는 스타일에 있어 HTML와 흡사하여, 태그는 대신에 대괄호 [ 와 ] 안에 들어가며, 어떤것을 어떻게 표시할 것인지를 강력하게 제어한다. 게시판상에 글을 올릴때 BBCode를 사용할수 있는지는 운영자가 결정한다. 효과 문법 설명 예제 Bold [b]{text}[/b] Makes {text} bold Bold example Italic [i]{text}[/i] Makes {text} italic Italic example Underline [u]{text}[/u] Underlines {text} Underline example Strikethrough [s]{text}[/s] Create a strikethrough on {..
📚 자바스크립트 화살표 함수 사용법 총정리
화살표 함수 (Arrow function) 자바스크립트에서 함수를 만들 때는 function 키워드를 사용하여 정의할 수 있다. 예를들어 두 수의 합을 구하는 함수는 다음과 같이 작성할 수 있다. function sum(a, b) { return a + b; } ES6부터는 화살표 함수(arrow function)라는 새로운 문법 방식으로 함수를 만들 수 있게 되었다. 화살표 함수는 => 기호를 사용하여 function 키워드를 생략할 수 있다. 그래서 위의 함수를 화살표 함수로 바꾸면 아래와 같이 구성할 수 있다. let sum = (a, b) => { return a + b; } // 만일 함수가 단순한 리턴문만 있다면 한줄로 더 심플하게 줄일 수 있다 const sum = (a, b) => a +..
📚 콜백 함수(Callback) 개념 & 응용 - 완벽 정리
자바스크립트 콜백 함수 란? 콜백(Callback) 함수는 간단히 말하면 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말한다. 예를 들어 아래 코드와 같이 sayHello() 함수를 호출할때 입력 매개변수로 문자열과 printing 함수 자체를 전달하는 것을 볼 수 있다. 그리고 sayHello() 함수가 실행되면 실행문 안에서 함수가 들은 두번째 매개변수인 callback 을 괄호 () 를 붙여 호출한다. function sayHello(name, callback) { const words = '안녕하세요 내 이름은 ' + name + ' 입니다.'; callback(words); // 매개변수의 함수(콜백 함수) 호출 } sayHello("인파", function ..
📚 자바스크립트 in 연산자 활용 정리
프로그래밍 언어에서의 in 연산자 파이썬 프로그래밍을 하다가 자바스크립트 프로그래밍을 하다 보면 은근히 햇깔리는 부분이 바로 in 연산자 사용처이다. 예를들어 파이썬의 in 연산자는 멤버십 연산자로서, 문자열이나 리스트나 튜플과 같이 연속적인 자료구조에 속한 멤버를 확인하기 위한 연산자이다. 그래서 아래와 같이 리스트를 순회할 일이 있다면 for in문을 통해 가능하다. fruits = ["apple", "banana", "orange"] for fruit in fruits: print(fruit) 그런데 똑같이 자바스크립트로 배열에 in 연산자를 사용하면 다음과 같이 출력된다. const fruits = ["apple", "banana", "orange"]; for (fruit in fruits) { ..
📚 자바스크립트의 예외 처리(Exception)
예외 (exception) 프로그래밍에서 예외(exception)란 실행 중인 프로그램에서 예기치 못한 상황이 발생하여 더 이상 진행할 수 없는 상황을 말한다. 예를 들어 문법적인 오류이거나 파일을 찾을 수 없거나, 메모리 부족 등의 상황에서 예외가 발생할 수 있다. 이러한 예외 상황은 프로그램의 실행을 중단시키거나, 비정상적인 결과를 초래할 수 있으므로, 프로그래머는 이러한 예외를 발생하지 않도록 미리 방지하는 것도 중요하지만, 발생한 예외를 처리할 수 있는 방법을 마련해야 한다. 예외 처리 (exception handling) 이를 위해 대부분의 프로그래밍 언어에서는 try-catch 구문을 제공하여 예외를 처리할 수 있도록 한다. 자바스크립트 역시 프로그램이 실행되는 도중 발생하는 예외를 처리하기 ..
![[JS] 📚 자바스크립트 this 💯 완전 정복](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbC2UUy%2FbtreTIElCLy%2FjSpsKwpcYiwk5TkQKrxo3K%2Fimg.jpg)
[JS] 📚 자바스크립트 this 💯 완전 정복
this 정의 let group = { title: "1모둠", students: ["보라", "호진", "지민"], title2 : this.title, title3() { console.log(this.title) } }; console.log(group.title2); //undefined group.title3(); // 1모둠 this는 함수의 블록 스코프 내에서 선언 되야 작동한다. 브라우저 콘솔(F12)을 켜고, this를 쳐보자 this; // Window {} 이번엔 변수와 함수 안에 넣어서 해보자. var ga = 'Global variable'; console.log(this.ga); // === window.ga function a() { console.log(this); }; a(..
![[JS] 📚 Call & Bind & Apply 함수 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbAvKzB%2FbtreJYPAPE6%2FB97iV910oMDJGI9m3oR7Kk%2Fimg.jpg)
[JS] 📚 Call & Bind & Apply 함수 정리
call 원래 함수는 선언한 후 호출해야 실행되죠. 호출하는 방법으로는 함수 뒤에 ()를 붙이는 것과, call 그리고 apply하는 방법이 있습니다. var example = function (a, b, c) { return a + b + c; }; example(1, 2, 3); example.call(null, 1, 2, 3); example.apply(null, [1, 2, 3]); 보면 call은 보통 함수와 똑같이 인자를 넣고, apply는 인자를 하나로 묶어 배열로 만들어 넣는 것을 알 수 있습니다. 그렇다면 call과 apply가 공통적으로 가진 null 인자의 역할은 뭘까요? 바로 this를 대체하는 겁니다. var obj = { string: 'zero', yell: functio..
