You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
🌐 부모창 ↔ 자식창 서로 값 전달하기
부모창에서 자식창으로 값 전달하기 자바스크립트에서 window.open()을 이용하면 팝업창을 띄울 수 있다. 이때 팝업창은 자식창, 팝업을 띄우는 창은 부모창이 된다. 그리고 자식창과 부모창간에는 서로 값을 주고받을 수 있다. 부모창에서 자식창에 접근하려면, 우선 window.open()을 통해 얻은 팝업창 객체를 변수에 담고 그 변수를 통해 접근하면 된다. let openWin = window.open("Child.html"); openWin.document.getElementById("cInput").value = "전달하고자 하는 값"; Parent.html 부모창 전달할 값 : [자식창 열기]를 클릭하면 openChild() 함수가 실행되며 자식창이 열린다. 그리고 [전달] 버튼을 클릭하면..
🏷️ 비슷해 보이는 <p> <div> <span> 태그 차이점
태그 : div 태그는 body 문서 안에서 각 영역의 세션을 구분 정의 한다. : 구역을 나누는 태그. 가로줄 전체를 다 차지. 너비가 100% Layout 구조 틀을 만들고 CSS를 통해 위치 및 layer을 구분등 HTML요소의 컨테이너 역활을 한다. 또한 javascript를 통해 특정 작업을 수행하고 여러 유형의 동적인 효과를 줄수도 있다. 제목 단락 설명... : 일반적으로 텍스트에 색칠, 크기, 좌우간격을 조절하는데 사용된다. : css속성 inline 이 자동으로 적용되어있다. My mother has blue eyes and my father has dark green eyes. : 문단(paragraph) 텍스트 절을 기재할때 사용된다. : div랑 거의 같다고 보면 된다. ..
📚 자바스크립트 Async/Await 개념 & 문법 정복
자바스크립트 비동기 처리 3가지 방식 자바스크립트는 싱글 스레드 프로그래밍 언어기 때문에 멀티 작업을 하기 위해선 비동기 처리 방식이 자주 쓰인다. 비동기 처리는 백그라운드로 동작되기 때문에 그 결과가 언제 반환될지 알수 없어, 완료되면 결과를 받아 처리하기 위해 사용되는 대표적인 방법으로 콜백 함수(Callback) 와 이를 개선한 프로미스 객체(Promise)가 있다. 하지만 서비스 규모가 커질 수록 코드가 복잡해짐에 따라 코드를 중첩해서 사용하다가 가독성이 떨어지고 유지보수가 어려워지는 상황이 발생되게 되는데, 이를 Callback Hell, Promise Hell 이라고 불리운다. /* Callback Hell */ getData (function (x) { getMoreData (x, funct..
📚 자바스크립트 Promise 개념 & 문법 정복하기
콜백 지옥을 탈출하는 새로운 문법 자바스크립트에서 '비동기 처리' 란 현재 실행중인 작업과는 별도로 다른 작업을 수행하는 것을 말한다. 예를 들어 서버에서 데이터를 받아오는 작업은 시간이 걸리기 때문에 자바스크립트의 서버 호출 함수는 비동기 함수(--링크--)로 이루어져 있다. 비동기는 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 방식이기 때문에, 만일 비동기 작업의 결과에 따라 다른 작업을 수행해야 할 때는 전통적으로 콜백 함수를 사용했다. 콜백 함수란 비동기 작업이 완료되면 호출되는 함수의 의미로서, 비동기 함수의 매개변수로 함수 객체를 넘기는 기법을 말한다. 그래서 함수 내부에서 함수 호출을 통해 비동기 작업의 결과를 받아서 인자로 주면 이를 통해 후속 처리 작업을 수..
![[JS] 📚 자바스크립트 Date 메소드 💯 총정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNn1EB%2FbtrfVqQWlz3%2FQoGfcf3xQQa2t3f4gpRJIK%2Fimg.jpg)
[JS] 📚 자바스크립트 Date 메소드 💯 총정리
자바스크립트에서의 날짜 표현 자바스크립트에서는 Date 객체를 사용하여 매 순간 변화하는 시간과 날짜에 관한 정보를 손쉽게 얻을 수 있다. Date 객체는 연월일, 시분초의 정보와 함께 밀리초(millisecond)의 정보도 함께 제공한다. 자바스크립트에서 날짜와 시간을 나타내기 위한 값의 범위는 다음과 같다. 1. 연도(year) : 1900년(00) ~ 1999년(99) 2. 월(month) : 1월(0) ~ 12월(11) 3. 일(day) : 1일(1) ~ 31일(31) 4. 시(hours) : 0시(0) ~ 23시(23) 5. 분(minutes) : 0분(0) ~ 59분(59) 6. 초(seconds) : 0초(0) ~ 59초(59) 자바스크립트에서 월(month)을 나타낼 때는 1월이 0으로 ..
![[JS] 📚 Object 객체 메소드 종류 💯 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FXf6xy%2FbtrfQn8Pc8X%2Fk84bmXbJtyoZCtVfr3P181%2Fimg.jpg)
[JS] 📚 Object 객체 메소드 종류 💯 정리
자바스크립트 객체 메소드 모든 자바스크립트 객체는 Object 객체와 Object.prototype 객체의 모든 프로퍼티와 메소드를 상속받습니다. 자주 사용되는 대표적인 객체 메소드는 다음과 같습니다. Object.create() 주어진 프로토타입(prototype)의 객체와 속성들을 갖고 있는 새 객체를 생성합니다. Object.assign() 하나 이상의 원본 객체들로부터 모든 열거가능한 속성들을 대상 객체로 복사합니다. var user ={ name : "mike", age : 30 } var cloneUser = user; // 객체주소 참조값이 복사된다. -> 서로 공유한다. 진정한 복사 X var cloneUser2 = Object.assign({}, user); // 빈객체는 초깃값, ..
![[C] 💾 C언어 가위바위보 게임](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FecilfL%2FbtrfQDKdqr5%2Fyx1EqQmllEDQEb8UkfEgwk%2Fimg.png)
[C] 💾 C언어 가위바위보 게임
C언어 가위바위보 게임 입문게임이라 할 수 있는 가위바위보 게임을 간단하게마나 만들어 보았다. 컴퓨터에 승률 확률을 부여하고 컬러문자를 이용해 그래픽을 향상 시켰다. #include #include #include #include #include #include #define ESC 0x1b #define COL GetStdHandle(STD_OUTPUT_HANDLE) #define BLACK SetConsoleTextAttribute(COL, 0x0000); #define DARK_BLUE SetConsoleTextAttribute(COL, 0x0001); #define GREEN SetConsoleTextAttribute(COL, 0x0002); #define BLUE_GREEN SetConsoleT..
![[C] 💾 행렬 외곽 툴 (헤더파일)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdKe1be%2FbtrfPWwwKM0%2FNM6hoCBWaG7Ko81Ib1Bbk1%2Fimg.png)
[C] 💾 행렬 외곽 툴 (헤더파일)
전에 만들어놓은 행렬외곽 툴 함수를 헤더로 묶어 만들어 봤습니다. 누구나 쉽게 사용 할 수 있습니다. [사용 방법] 첨부파일은 다운합니다. DEV C++일 경우 소스코드가 있는 폴더에, Visual Studio는 헤더파일이 모여있는 폴더에 넣어주시면 될 겁니다. #include "matrix_ptf.h" 를 윗 처럼 추가해줍니다. 그럼 matrix_ptf( )함수를 쓸 수 있는데 ( )안에는 2차원배열명 과 행의 갯수를 넣어주시면 됩니다. >> matrix_ptf(2차원배열명, 행의 갯수); ※정방 행렬이며 직사각형은 지원되지 않습니다. 원소 숫자는 두자리 수 초과는 지원되지 않습니다. //행렬외곽 모양 출력 void matrix_ptf(int (*b)[], int N1, int..
![[JS] 📚 자바스크립트 Array 메소드 💯 총정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyMN0S%2FbtrfHeqljb4%2FrSdfzSxbK1IjApV9twZeO0%2Fimg.jpg)
[JS] 📚 자바스크립트 Array 메소드 💯 총정리
자바스크립트 Array 메소드 배열 리터럴 const arr = [ 'zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine' ]; 배열 생성자 const arr = new Array(1, 2, 3); const arr2 = new Array(20); // 인수 하나만 넘겨줄때는 그 인수가 배열길이 arr2.length // 20 배열 Method ✏️ 메소드는 this(원본 배열)를 변경한다. 🔒 메소드는 this(원본 배열)를 변경하지 않는다. Array.isArray(arg) : boolean 정적 메소드 Array.isArray는 주어진 인수가 배열이면 true, 배열이 아니면 false를 반환한다. Arr..
![[C] 💾 똥 피하기 게임 프로그램](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZCl3J%2FbtrfVtGkT6g%2FPBIkKtXDASKVqun8p66Iu1%2Fimg.png)
[C] 💾 똥 피하기 게임 프로그램
똥피하기 게임 C언어로 기말고사 작품으로 만든 게임 프로그램을 올려본다. 순수 문자열로만 이루어진 프로그램이며, 구조체를 이용하여 작성하였다. 소스 코드 : #include #include #include #include #include // 72 //75 80 77 #define LEFT 75 #define RIGHT 77 #define UP 72 #define DOWN 80 #define ENTER 0xd #define ESC 0x1b #define COLGetStdHandle(STD_OUTPUT_HANDLE) #define BLACKSetConsoleTextAttribute(COL, 0x0000); #define DARK_BLUESetConsoleTextAttribute(COL, 0x0001..
![[C] 💾 C언어 - 미로 게임 구현코드](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcYGeNe%2FbtrfWbMcBPP%2FY4stuYm8UakxeKSLbBneI1%2Fimg.png)
[C] 💾 C언어 - 미로 게임 구현코드
이차원 배열을 이용해서 미로게임을 구현해보았다. 복잡한 원리가 아니라 단순히 배열 원소 숫자를 다르게하고 매핑만 해주면 간단한 작업이니, 올린 코드를 참고하여 연습해보자. #include #include #include #include #include // 72 //75 80 77 #define LEFT 75 #define RIGHT 77 #define UP 72 #define DOWN 80 #define COLGetStdHandle(STD_OUTPUT_HANDLE) #define BLACKSetConsoleTextAttribute(COL, 0x0000); #define DARK_BLUESetConsoleTextAttribute(COL, 0x0001); #define GREENSetConsoleTextA..
![[C] 💾 소인수분해 계산기 프로그램](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FU3Bvs%2FbtrfU3HRSmK%2FMjk2gxWJ6mwKk7COsgle7K%2Fimg.png)
[C] 💾 소인수분해 계산기 프로그램
소인수분해 계산기 간단하게 소인수 분해를 계산하는 프로그램을 만들어 올려본다. 코드도 첨부해 뒀으니 하나하나 클론코딩 해보는 것도 나쁘지 않는 방법이다. #include #include #include #define ESC 0x1b #define N 20 #define COLGetStdHandle(STD_OUTPUT_HANDLE) #define BLACKSetConsoleTextAttribute(COL, 0x0000); #define DARK_BLUESetConsoleTextAttribute(COL, 0x0001); #define GREENSetConsoleTextAttribute(COL, 0x0002); #define BLUE_GREENSetConsoleTextAttribute(COL, 0x0003);..
