You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
![[C] 💾 간접 버블 정렬](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIXxN0%2FbtrfG2INJ3w%2F6HHdPSCtBXCXlI1j24xdq1%2Fimg.png)
[C] 💾 간접 버블 정렬
보통 문자열 배열 버블정렬 코딩은 이렇다. #include #include #define N 4 int main(void) { char name[N][9]={"홍길동","이몽룡","성춘향","제갈공명"};//이름을 가나다순으로 정렬 int i,j; char tmp[N]; for(i=0;i
![[C] 💾 f(x)=x² / 구분구적법으로 적분](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRvJMW%2FbtrfsdFCNIa%2F2ZTI9M6JuUss2DTHt9vhBK%2Fimg.png)
[C] 💾 f(x)=x² / 구분구적법으로 적분
C언어 구분구적법 구현하기 c언어로 적분의 구분구적법을 구현해보았다. 구분구적법 원리만 알면 코드 구현은 그렇게 어렵지 않다. 본인도 생각이 잘 나지 않아 고등학교 수학책 다시 피고 구현해 보았다. #include #include //pow()함수 쓰려면 필요 int main(void) { double across, k, num1, num2, area=0, n; /*f(x)=x²구분구적법. 세로 길이는 {(구간 마지막점=num2)-(구간 시작점=num1)} / 구간을 수많이 쪼개는=n 가로길이는 (num1 + 세로길이*k)² // k는 (0부터n까지 범위) */ printf("적분 구간 시작은? : "); scanf("%lf", &num1); printf("적분 구간 끝은? : "); scanf("%lf..
![[C] 💾 거품정렬 버블소트 최적화하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdj8ZMP%2Fbtrfw4VqqL7%2F2Xqes0BpL8nEmgpbMfn490%2Fimg.png)
[C] 💾 거품정렬 버블소트 최적화하기
#include int main(int argc, char *argv[]) { int a[5] = {1,2,3,5,4}; int i,j,tmp,n=0; //n은 회전수 for(i=0;i 몇번 회전하였는지 알려주기 } for(i=0;i
![[C] 💾 C언어 - 곱셈 프로그램 구현코드](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbvgq5C%2FbtrfBro12Vc%2FT7Ayku8MVLEj8vhc6Pihl1%2Fimg.png)
[C] 💾 C언어 - 곱셈 프로그램 구현코드
C언어로 곱셈 프로그램을 구현해보았다. 밑에 코드를 참고하여 연습해보자. 그대로 긁어 실행하면 된다. #include int main() { puts("두 자리 정수 곱셈을 구하는 프로그램 입니다."); puts("\n반드시 두 자리 정수를 입력하세요.\n"); int first, second; //first와 ssecond라는 그릇을 준비한다. do { scanf("%d", &first); //first값을 입력 받는다. if(first >= 100) printf("잘못입력 하셨습니다.\n"); //만약 first가 100보다 크거나 같으면 잘못 입력했다고 출력해라. if(first = 100) || (first = 100) printf("잘못입력 하셨습니다.\n"); if(second = 100) |..
🌐 HTML 포커스 제어하기 - focus, blur
HTML 포커스 제어 사진이나 이미지와 같은 작업을 다뤄보신 독자 분은 아마 focus와 blur 처리에 대해 들어본 적이 있을 것이다. 사진에 블러 처리를 하면 이미지가 흐려지고 포커스 처리하면 흐린게 원래대로 되돌아온다. HTML 포커스는 이러한 개념을 엘리먼트에 가져온 것으로 보면 된다. HTML에서 , , , 와 같은 엘리먼트에 focus 를 부여하면 해당 요소에 데이터를 입력할 준비가 되었다를 의미한다. blur는 반대로 포커스를 잃은 순간을 이야기 하는데, 입력란에서 더이상 데이터를 입력할 수 없는 상태라고 보면 된다. focus / blur 이벤트 focus 이벤트는 요소가 포커스를 받을 때, blur 이벤트는 포커스를 잃을 때 발생한다. onfocus : 입력창이 포커스 받을 경우 작동 o..
🌐 Fetch API 으로 AJAX 요청하기
자바스크립트 AJAX 요청 방식 정통적으로 XMLHttpRequest() 객체를 생성하여 요청하는 방법이 있지만 문법이 난해하고 가독성도 좋지 않다. 따라서 이번시간에는 자바스크립트 AJAX 통신의 최신 기술인 fetch() 메서드 사용법에 대해 알아보는 시간을 가져볼 예정이다. XML Http Request 방식 xmlhttprequest 객체를 이용한 정통적인 초창기 비동기 서버 요청 방식이다. 성능에는 문제는 없지만 코드가 복잡하고 가독성이 좋지 않다는 단점이 있었다. var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == XMLHttpReques..
🌐 XMLHttpRequest 으로 AJAX 요청하기
AJAX (Asynchronous Javascript And XML) Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. ajax를 통한 웹 브라우저와 웹 서버 간의 통신 절차는 다음과 같다. 사용자에 의한 요청 이벤트가 발생 요청 이벤트가 발생하면 이벤트 핸들러에 의해 자바스크립트가 호출 자바스크립트는 XMLHttpRequest 객체를 사용하여 서버로 요청을 보냄 서버는 전달받은 XMLHttpRequest 객체를 가지고 요청을 처리 서버는 처리한 결과를 HTML, XML 또는 JSON 형태의 응답 데이터를 생성 웹 브라우저에 전달 이때 전달되는 응..
![[JS] 📚 비구조화(구조분해) 할당 💯 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzfVRD%2FbtrfBr3h0ER%2Fa1RtdQiKmbadKSlAmBGyBK%2Fimg.jpg)
[JS] 📚 비구조화(구조분해) 할당 💯 정리
정의 '비구조화 할당(destructuring assignment) 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식(expression)'입니다. 간단하게 정리하면 배열 [], 혹은 객체 {} 안의 값을 편하게 꺼내 쓸 수 있는 문법입니다. 기본 문법 - 배열 var [a1, a2, ...rest_a] = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(a1); // 1 console.log(a2); // 2 console.log(rest_a); // [3, 4, 5, 6, 7, 8, 9] 좌항이 호출될 변수명 집합, 우항이 할당할 값 입니다. 좌항의 각 요소에는 같은 index를 가지는 배열값이 할당됩니다. 또한 전개 연산..
📚 자바스크립트 IIFE (즉시실행 함수 표현식)
IIFE 이란? "Immediately Invoked Function Expression"의 줄임말로, 정의 되자마자 즉시 실행되는 함수 표현식을 말한다. // 아래 두 함수는 동일한 동작을 수행한다. var app = function() { console.log('함수 호출'); // "함수 호출" 출력 }; app(); // 즉시실행함수 IIFE (function() { console.log('함수 호출'); // "함수 호출" 출력 }()); 위의 두 함수는 모두 동일한 로직을 가지고 있다. IIFE는 전체 익명함수를 괄호로 감싸줌으로써 내부 코드가 선언문이 아니라 표현식인 것처럼 Parser를 속인다. 단, 익명함수이기 때문에 재사용은 적합하지 않다. 물론 기명으로도 가능은 하다. 하지만 보통 ..
📚 computed property 문법 (객체 key를 변수로)
자바스크립트 computed property 기존에는 자바스크립트 객체를 만들때 정해진 문자열 이름의 속성명을 사용해왔다. 하지만 이제 ES6에서는 computed property를 사용하여 객체를 선언하는 순간에 변수를 활용하여 동적인 프로퍼티명을 할당할 수 있게 되었다. 즉, computed property 문법은 자바스크립트 객체의 key 속성명을 표현식(변수, 함수 등)을 통해 지정하는 문법이다. var kk = "id"; var a = { name : "super", [kk] : 123 // computed property } var mm = "rank"; a[mm] = '#1'; console.log(a) // {name: "super", id: 123, rank: "#1"} 속성이 추가되었..
![[JS] 📚 Call by Value & Call by Reference (+ Call by Sharing)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbj4l78%2FbtrfoutGyqX%2FUNSV2aGmKwCEAjkWox2APk%2Fimg.jpg)
[JS] 📚 Call by Value & Call by Reference (+ Call by Sharing)
Call By Value 먼저 값에 의한 전달에 대한 특징부터 살펴보자. argument로 값이 넘어온다. 값이 넘어올 때 복사된 값이 넘어온다. caller(호출하는 녀석)가 인자를 복사해서 넘겨줬으므로 callee(호출당한 녀석)에서 해당 인자를 지지고 볶아도 caller는 영향을 받지 않는다. 예시) let a = 1; function addOne(b) { //callee b = b + 1; } addOne(a); //caller console.log(a); // 1 a라는 변수를 인수로 넘겨주었다. 이때 1이라는 값은 복사되어 인자b에게 할당된다. a와 b의 값은 같지만 둘 다 다른 메모리 공간을 차지하게 되어 별개의 존재이기 때문에 함수 내부에서 b를 지지고 볶아도 a한테는 아무런 영향이 없다..
![[JS] 📚 전개 연산자(Spread 문법) 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbq94bp%2FbtrfqCRv5on%2FW1hGE9ckrwKe27ljmGh0B0%2Fimg.jpg)
[JS] 📚 전개 연산자(Spread 문법) 정리
전개 구문(Spread Syntax) 전개 구문(Spread Syntax)는 ECMAScript6(2015)에서 새로 추가된 문법으로, 간단하게 이 문법은 문법 이름 그대로 객체 혹은 배열들을 펼칠 수 있게 해 준다. // 펼칠 대상이 객체인 경우 {...obj} // 펼칠 대상이 배열인 경우 [...arr] // 혹은 {...arr} 전개 구문의 문법 자체는 정말 간단하다. 그저 배열이나 객체 앞에 점 세 개를 붙여주면 된다. 단, 위 코드에서 확인할 수 있는 것처럼 펼쳐진 객체나 배열을 담을 바구니가 필요하다. 객체는 객체로, 배열은 객체나 배열로 담아낼 수 있다. ES5 vs ES6 배열 문법 [ ES5 배열 내용 조합 ] ES5 에서는 배열의 내용을 합쳐 새로운 배열을 만들기 위해서 concat..
