본문 바로가기

분류 전체보기675

node.js/자바스크립트 - 18. 명령어를 만들어 볼까요? 함수 정의하기 자바스크립트에서는 함수(function) 기능으로 직접 명령어를 만들어 쓸 수 있는데요. 함수란 마치 초등학교 산수 시간의 X값을 넣어 Y라는 결과를 얻는 요술상자와 같습니다. 아래 요술상자는 X에 10을 넣으면 5가 나오고, X에 32를 넣으면 16이 나오지요. 1부터 100까지 더하는 코드를 앞장에서 잠시 살펴봤었는데요. 만약 total 이라는 함수가 있어서 아래와 같이 합계를 쉽게 구할 수 있다면 어떨까요? 매우 편리하지 않을까요? let sum = total(1, 100); // 1부터 100까지 더해서 변수 sum 에 대입해! 게다가 1부터 1000을 더하든, 1부터 10000을 더하든 쉽게 사용할 수가 있습니다. let sum2 = total(1, 1000); let sum3 = total(1.. 2022. 2. 12.
마우스 위치 - 자바스크립트로 판별 구독자분께서 질문 주셔서 기쁜(?) 마음으로 답변도 드릴겸, 다른 분께도 알려드릴겸 글을 남깁니다 :) Q 웹브라우저 화면에서 마우스의 위치를 알고 싶습니다. 자바스크립트로 알 수 있나요? A 네, 가능합니다! 자바스크립트에서는 현재 사용하는 웹브라우저 화면의 마우스 위치를 알 수가 있습니다. 다만 염두에 두실 부분이 있는데요. 화면이 스크롤되지 않았을 때는 아무런 문제가 없습니다. 그런데 화면이 스크롤되었을 때 마우스 좌표는 2가지 계산 방법으로 분리가 됩니다. 첫째는, 마우스 스크롤과 관계없이 무조건 웹브라우저 왼쪽 상단에서부터 떨어진 거리를 측정하는 방법과 두번째는, 웹브라우저 화면을 스크롤한 거리를 감안해서 측정하는 방법이지요.. 보통 두번째 방법을 많이 사용하는데요. 페이지 좌표라고 부릅니다. .. 2022. 2. 11.
node.js/자바스크립트 - 17. 이런 케이스는 이렇게 해! while 문의 진보 형태로 for 문이 있듯이, if문의 진보 형태로 switch ~ case 문이 있습니다. switch – case 문의 사용 형태를 정리하면 아래와 같은데요. switch(변수) { case "값1": 값1에 매칭될 때 실행할 코드; break; case "값2": 값1에 매칭될 때 실행할 코드; break; : : default: 앞에서 모든 값에 매칭이 안될 경우 실행할 코드 } 아래 알고리즘을 통해 예제를 살펴보겠습니다. 1) 사용자에게 아래 문구를 보여주며 변수choice값를 입력 받습니다. “좋아하는 언어는? 1)Node.js, 2)C++, 3)PHP, 4)파이썬” 2) 변수choice값에 따라 아래 내용을 출력합니다. “1” : "Node.js! 훌륭한 선택!" “2” .. 2022. 2. 11.
node.js/ 자바스크립트 - 16. 반복문 FOR 앞장의 WHILE 문으로 1~100까지 합을 구하는 코드를 살펴보도록 할까요? 코딩을 처음 접하신다면, 아래와 같은 말로 표현된 알고리즘을 생각하시면 좋습니다. 1) 변수sum ← 0 대입 2) 변수 i ← 1 대입 3) i값이 100 을 초과했다면 7)번으로 간다 4) 변수sum 에 변수i값을 더해준다 5) i값을 1을 더해준다 6) 3)번으로 간다 7) 변수sum 을 출력한다. 위 내용을 코드로 옮기면 아래와 같은데요. let sum=0; // 1) let i=1; // 2) while(i 2022. 2. 10.
node.js/자바스크립트 - 15. 반복문 while 돌고 도는 것은 인생인가요? 노우노우! 돈이라고 합니다 :) 알파고라는 인공지능이 바둑분야에서 인간의 최고실력자를 이겨낸 지도 몇 년이 지났지요. 지금은 너무나 초고수가 되어 사람으로서는 도저히 이길 수 없는 존재가 되었다고 합니다. 인공지능이 그렇게 된 것은 반복학습의 힘이 큰데요. 사람이 일생동안 과연 몇 대국이나 둘 수 있을까요? 알파고는 무한대국, 무한복기, 마치 몇만년동안의 학습과 같은 효과로 인해 그렇게 된 것이 아닐까 생각됩니다. 인공지능과는 이야기가 다르지만 자바스크립트에도 반복이 있습니다. 어떤 일을 100번을 반복할 수도 있고, 1000번, 10000번을 반복할 수도 있지요. 또한 무한 반복할 수도 있습니다. 컴퓨터는 단순 반복 노동에 쉽게 지치지 않기 때문이지요. 자바스크립트에는 wh.. 2022. 2. 9.
node.js/자바스크립트. 14 조건문 3형식 조건문 3형식 : if(조건식1){ … } else if(조건식2) {…} else … 컴퓨터가 조건식을 연속으로 판단해 조건에 맞는 코드블럭을 실행합니다. 예시) career=5; if(career>=8){ console.log("고급기술자"); } else if(career>=5){ console.log("중급기술자"); } else { console.log("초급기술자"); } 기술자 제도가 폐지되었다가 언제인가 다시 제정되었습니다. 기술자 제도는 자격증, 학력, 경력에 따라 기술자 등급을 매기는 제도인데요. 과거에는 초급, 중급, 고급, 특급, 기술사 5단계였으나, 개정된 등급은 초급, 중급, 고급, 특급 4단계입니다. 자세한 정보는 아래 페이지를 참조해 주세요. ( 2022. 2. 5 기준 ) .. 2022. 2. 9.
node.js/자바스크립트 - 13. 조건문 if 2형식 페이지 누락 문제로 책이 반려되어 ㅎ.. 수정 후 부크크 출판사에 다시 심사를 넣었습니다. 오늘도 책자 내용중 페이지 일부 올려봅니다. 조건문 2형식 : if(조건식){ … } else {…} 컴퓨터가 조건식에 따라 참, 거짓을 판단해서 참인 경우 첫째 코드블록 {…}, 거짓일 경우 else에 있는 두번째 코드블록 {…}을 실행합니다. 예시) pm2_5=35; if(pm2_5>=35){ console.log("집콕"); } else { console.log("외출"); } if 조건문은 else 와 동반해서 사용할 수 있는데요. else 란 ‘이미 언급된 것과 다른’ 이란 뜻을 가지고 있습니다. 아래 코드는 조건식1이 참일 경우 코드블록1을 실행하고, 그렇지 않다면 코드블록2를 실행합니다. if(조건식1.. 2022. 2. 7.
오미크론 슈퍼항체로 엔데믹 예상 미국 과학전문 저널 사이언스지, 건강전문 인터넷 매체 웹엠디(WebMD) 합작의 실험결과에서 오미크론 감염자는 회복 후 오미크론에 대항할 슈퍼항체가 생긴다는 결과가 발견되어 화제네요. 국내 설대우 중앙대 약학대학 교수님도 이에 대해 공감과 보충설명을 방송을 통하여 말씀해주셨는데요. 이제 코로나는 펜데믹(Pandemic)에서 엔데믹(Endemic)으로 끝을 향해 달려 가는 것 같습니다. "슈퍼항체"라.. 웬지 희망이 보이는것 같네요 :) 이제 감기도 안 걸리게 되는 걸까요? 책임질순 없으니 백신 접종을 강제권고하는 건 아닙니다. 부작용을 겪는 분도 꽤 있더라구요 ㅎ.. 자율적으로 생각해 주세요 :) 유튜브 링크입니다. https://www.youtube.com/watch?v=nGee34ssiTk 2022. 2. 6.
node.js / 자바스크립트 - 조건문 if 1형식 본문은 책자에 들어가는 내용 중 일부입니다. 책자를 마무리해서 우선 심사를 넣었는데 한번에 통과하면 좋겠군요 ㅎ 조건문 1형식 : if(조건식){ … } 컴퓨터가 조건식에 따라 참, 거짓을 판단해서 참인 경우 코드블록 {…}을 실행합니다. 예시) chocolet=10; if(chocolet>=8){ console.log("초콜렛이 8개 이상!"); } 초콜렛이 10개가 있다고 칩시다. 철수는 초콜렛이 8개 이상이면 1개를 먹기로 결정했는데요. 철수가 초콜렛을 먹으려면 초콜렛이 8개 이상인가?라고 판단을 해야 한다고 칩시다. 이렇게 특정 조건에 따라 판단하여 처리하는 기능을 조건문이라고 하는데요. 조건을 판단하기 위해 참(true), 거짓(false)을 판단하는 분명한 기준을 제시해야 합니다. (조건식)에.. 2022. 2. 6.
node.js / 자바스크립트 - 형변환 ( TYPE CASTING ) 10장이 너무 글이 적은것 같아서 ㅎ.. 하나 더 올립니다. 앞에서 다룬 변수에는 숫자형과 문자형이 있는데요. 만일 숫자형과 문자형을 혼합해 사용하려면 어떻게 해야 할까요? 이를 테면 숫자변수 count에는 10이란 값이 들어 있고 visit=1000000; 아래와 같은 문구를 출력하려고 합니다. "100000만번째 방문하셨습니다." 자바스크립트에서는 고민할 필요가 없습니다. 그냥 아래와 같이 써주면 되거든요. console.log(visit + "번째 방문하셨습니다"); 그러면 숫자였던 visit 는 자동으로 문자열로 바뀌어 문자열 이어 붙이기가 작동합니다. 이렇게 변수의 형태가 바뀌는 것을 타입 캐스팅(Type Casting)이라고 하는데요. 반드시 숫자와 문자끼리 연산이 되어야만 문자열로 바뀝니다... 2022. 1. 27.
node.js/자바스크립트 - 문자열 연산 문자열 연산 + “감”과 “자”를 더하면 무엇이 될까요? “감자”가 됩니다. 예시) str="감"+"자"; // “감자” 문자열 연산은 오로지 덧셈 + 밖에 없습니다. 문자열 연산에서의 덧셈기호는 2개의 문자열을 이어서 붙인다는 특성이 있는데요. 덧셈 기호 좌변과 우변의 변수 또는 문자열을 그대로 붙여 줍니다. 아래 코드를 실행할 경우, str1 의 ‘튀김과’ 와 str2의 ‘오뎅’을 붙여 ‘튀김과오뎅’이 됩니다. str1='튀김과'; str2='오뎅'; str3=str1+str2; // 결과 : ‘튀김과오뎅’ 아래와 같이 변수와 문자열을 섞어서 연속해 이어붙일 수도 있습니다. count="1"; str="총 갯수는 " + count + "개입니다."; // 결과 : ‘총 갯수는 1개입니다.’ 문자열 대.. 2022. 1. 27.
node.js / 자바스크립트 - 연산순위 연산자 우선순위 1+2*3은 얼마일까요? 곱셈이 먼저 계산됩니다. 예시) q=1+2*3; // 7 1 + 2 * 3 은 덧셈과 곱셈중 2 * 3이 먼저 계산되기 때문에 1+2 * 3 → 1 + 6 → 7 입니다. 이처럼 연산식을 차례대로 나열하는 경우, 연산이 먼저 진행되는 순서가 있는데요. 산술연산만 다뤄보겠습니다. 자바스크립트와 다른 컴퓨터언어는 연산자 우선순위가 다르니 다른 컴퓨터언어는 해당 언어 연산식 우선순위를 참조해 주시기 바랍니다. 여기서 순위는 Mozila 공식 사이트와 상이합니다. 해당 정보는 아래 URL을 참조해 주세요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence .. 2022. 1. 23.

티스토리툴바