이벤트 루프에 대해 어려움을 겪던 중 이 영상을 보게 되었다. ​ 우선, 자바스크립트는 싱글 스레드(single threaded) 프로그래밍 언어이다. 싱글 스레드라는 건, 한 번에 하나의 call stack을 갖고 있고, 그 말은 다시 말해 한 번에 하나씩만 일 처리를 할 수 있다는 말 ​ Call stack A call stack is a mechanism for an interpreter (like the JavaScript interpreter in a web browser) to keep track of its place in a script that calls multiple functions — what function is currently being run and what function..

이전에 TO DO LIST와 유사한 쇼핑목록 웹사이트를 만들었다. 입력, 삭제가 가능하지만 페이지를 새로고침 하면 사라졌다. ​ [JavaScript] (해결) 동적으로 font awesome 아이콘 추가하기 나는 쇼핑목록 앱을 만들고있다. TO DO LIST처럼 쇼핑할 물건들을 적는 리스트이다. 현재 문제점 : appendChild, innerHTML 등을 이용하여 font awesome icon을 추가하려한다. 이런식으로. 다만 x 표시(빨간색 breathtaking-life.tistory.com 이제는 더 나아가 페이지를 새로 고침해도 데이터가 남아 있게 만들고 싶었다. 구글링 해보니 localStorage가 있었다. 참고: Window.localStorage - Web APIs | MDN The ..

입력 예시) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam ​ 출력 결과) 첫 줄에 행, 열 입력, 두번째 줄에 문장을 입력한 결과이다. ​ 그 후 strtok를 사용하여 띄어쓰기를 기준으로 문장을 나누어 배열에 저장하였다. 배열에 단어로 나누어 저장된 결과 그리고 출력! 간단한 문제였다. #include #include #define MAX 100 int main() { char input[MAX] = { NULL }; char *answer[MAX] = { NULL }; int row ..

세개의 수를 오름차순으로 정렬하는 함수이다. #include void sort(int *a, int *b, int *c); void swap(int *x, int *y); int main(){ int a, b, c; scanf("%d%d%d", &a, &b, &c); sort(&a, &b, &c); printf("%d %d %d\n", a, b, c);} void sort(int *a, int *b, int *c){ if (*a > *c) swap(a, c); if (*a > *b) swap(a, b); if(*b> *c) swap(b, c);}void swap(int *x, int *y) { int tmp = *x; *x = *y; *y = tmp; }

-파일 입출력 사용 -입력 텍스트는 영어(대소문자 구분 X), 입력을 끝마치 싶을 때는 EOF 입력 -단어의 개수는 최대 30, 단어의 길이는 10 초과 X #include #include #define COUNT 30 //최대 단어 개수 #define LENGTH 10 //최대 단어 길이 void storeWords(FILE *,char [LENGTH][COUNT]); int countWords(FILE *, char [LENGTH][COUNT], int); int main() { FILE * in_fp = fopen("input.txt", "w"); char words[LENGTH][COUNT] = {NULL}; storeWords(in_fp, words); //입력한 단어 저장 함수 fclose(i..

1장은 C언어 복습이다. 표준 입출력부터 포인터, 구조체, 컴파일러 사용 방법까지 배운다. 1.1 #include int main() { double x, y; printf("2개의 실수 입력 : "); scanf("%lf %lf", &x, &y); printf("%lf + %lf = %lf \n", x, y, x + y); printf("%lf - %lf = %lf \n", x, y, x - y); printf("%lf * %lf = %lf \n", x, y, x * y); printf("%lf / %lf = %lf \n", x, y, x / y);} 1.2 #include int main() { int x, y; printf("2개의 정수 입력 : "); scanf("%d %d", &x, &y); f..

​ innerText의 Syntax const renderedText = htmlElement.innerText htmlElement.innerText = string textContent의 Syntax let text = someNode.textContent someOtherNode.textContent = string MDN에 innerText와 textContent 비교한게 있다. (출처 게시글 밑 참고) ​ HTML: Source element: #source { color: red; } Take a look athow this textis interpreted below. HIDDEN TEXT Result of textContent: ... Result of innerText: ... 자바스크립..

JSON ( JavaScript Object Notation) - 자바스크립트의 객체 표기법을 제한하여 만든 문자 기반의 데이터 교환 포맷 - JSON은 객체, 배열, 숫자, 문자열, 불리언과 null을 직렬화하기 위한 구문 - JavaScript 구문에 기반을 두고 있지만 분명한 차이점 존재 즉, 어떤 JavaScript는 JSON이 아니다. JSON.stringify() - 인수로 전달받은 자바스크립트 객체 -> 문자열로 변환 ​ - Syntax JSON.stringify(value[, replacer[, space]]) value에 JSON 문자열로 변환할 자바스크립트 객체가 오면 된다. 반환 값으로 주어진 값과 대응하는 JSON 문자열이 온다. JSON.parse() - 인수로 전달받은 문자열 -..

캡처링 단계 – 이벤트가 하위 요소로 전파되는 단계 버블링 단계 – 이벤트가 상위 요소로 전파되는 단계 body * { margin: 10px; border: 1px solid blue; } FORM DIV P 가장 안쪽의 를 클릭하면 순서대로 다음과 같은 일이 벌어집니다. 에 할당된 onclick 핸들러가 동작합니다. 바깥의 에 할당된 핸들러가 동작합니다. 그 바깥의 에 할당된 핸들러가 동작합니다. document 객체를 만날 때까지, 각 요소에 할당된 onclick 핸들러가 동작합니다. ​ ​ 즉 p->div->form 순서로 창이 열린다. 이러한 흐름을 '이벤트 버블링'이라고 한다. (거의 모든 이벤트들은 버블링이 일어난다. focus()같은 이벤트를 제외하면.) ​ Introduction to e..

문제: [JavaScript] (해결) 동적으로 font awesome 아이콘 추가하기 나는 쇼핑목록 앱을 만들고있다. TO DO LIST처럼 쇼핑할 물건들을 적는 리스트이다. 현재 문제점 : appendChild, innerHTML 등을 이용하여 font awesome icon을 추가하려한다. 이런식으로. 다만 x 표시(빨간색 breathtaking-life.tistory.com Event binding on dynamically created elements? I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddli..