반응형 all386 [python] 파이썬 부동 소수점 (float) 참고: https://www.programiz.com/python-programming/methods/built-in/float 이 포스트에서는 파이썬의 float() 함수에 대하여 예제와 함께 알아보겠습니다. float() 함수는 숫자 또는 문자열을 받아서 소수점 숫자를 리턴합니다. int_number = 25 float_number = float(int_number) print(float_number) float() 문법 float() 함수의 문법은 다음과 같습니다: float([x]) float() 매개변수 float() 함수는 하나의 매개변수를 받습니다: x (옵셔널) - 부동 소수점 숫자로 변환하고 싶은 숫자 또는 문자열입니다. 문자열인 경우 문자열에 소수점이 포함되어야 합니다. 매개변수 타입에.. 2023. 6. 14. [python] 파이썬 반올림 (round) 참고: https://www.programiz.com/python-programming/methods/built-in/round 이 포스트에서는 파이썬의 round() 함수를 예제와 함께 알아보겠습니다. round() 함수는 지정된 소수점 자릿수에서 반올림한 값을 리턴합니다. number = 13.46 rounded_number = round(number) print(rounded_number) round() 문법 round() 함수의 문법은 다음과 같습니다: round(number, ndigits) round() 매개변수 round() 함수는 두 개의 매개변수를 받습니다: number - 반올림 할 숫자 ndigits (optional) - 소수점 몇 째 자리에서 반올림 할지 지정, 기본 값: 0 ro.. 2023. 6. 13. [javascript] 자바스크립트 마우스 이벤트 (mouse event) 참고: https://www.educba.com/javascript-mouse-events/ 이 포스트에서는 JavaScript의 마우스 이벤트에 대해 알아보겠습니다. 마우스 이벤트는 mouseEvent 객체에 등록된 html 요소와 마우스가 상호작용했을 때 발생하는 이벤트입니다. mouse click, mouse over, mouse out 등과 같이 마우스와 관련된 다양한 이벤트가 존재합니다. 마우스 이벤트가 생성될 때 마다 일부 동작이 브라우저에서 수행됩니다. 마우스 이벤트를 처리하기 위해 수행하는 동작과 마우스 이벤트를 처리하는 프로세스를 마우스 이벤트 핸들러라고 합니다. 자바스크립트의 마우스 이벤트 타입 click: 마우스가 등록된 요소를 클릭했을 때 발생합니다. 이벤트 핸들러의 이름은 oncl.. 2023. 6. 12. [python] 파이썬 파일 I/O (file) 참고: https://www.programiz.com/python-programming/file-operation 이 포스트에서는 예제를 통해 파이썬의 파일과 그에 관련된 다양한 작업에 대해 알아보겠습니다. 파일은 컴퓨터의 저장 장치에 데이터를 저장하기 위해 사용하는 컨테이너입니다. 파일을 읽거나 쓰려면 먼저 파일을 열어야 합니다. 그리고 작업을 완료했다면 파일과 연결된 리소스가 해제되도록 파일을 닫아야합니다. 이에 따라 파이썬에서는 파일 작업은 다음 순서로 수행합니다: 파일 열기 읽거나 쓰기 파일 닫기 파이썬에서 파일 열기 파이썬에서는 파일을 열 때 open() 메소드를 사용합니다. 예제를 실행해 보기 위해 다음 내용이 포함된 test.txt 라는 파일이 있다고 가정해보겠습니다. This is test.. 2023. 6. 9. [python] 파이썬 메시지 출력 (print) 참고: https://www.programiz.com/python-programming/methods/built-in/print 이 포스트에서는 여러 예제와 함께 파이썬의 print() 함수에 대해 알아보겠습니다. print() 함수는 주어진 객체를 표준 출력(화면) 또는 파일에 출력합니다. 예제: message = 'Hello World!' print(message) print() 문법 print() 함수의 전체 문법은 다음과 같습니다: print(*objects, sep=' ', end='\n', file=sys.stdout, flush=False) print() 매개변수 objects - 출력할 객체입니다. *는 하나 이상의 객체를 전달할 수 있음을 나타냅니다. sep - sep에 전달된 값에 의해.. 2023. 6. 9. [python] 파이썬 파일 열기 (open) 참고: https://www.programiz.com/python-programming/methods/built-in/open open() 함수는 파일을 열고(파일을 열 수 있는 경우) 해당 파일 객체를 반환합니다. open() 문법 open(file, mode='r', buffering=-1, encoding=None, errors=None, newline=None, closefd=True, opener=None) open() 매개변수 file - 파일 시스템의 경로를 나타내는 객체입니다. mode (옵셔널) - 파일을 여는 모드로 기본 값은 'r'(텍스트 읽기전용) 입니다. 사용 가능한 파일 모드는 다음과 같습니다. 'r' - 읽기 모드로 엽니다. (기본) 'w' - 쓰기 모드로 엽니다. 파일이 존재.. 2023. 6. 8. [javascript] 자바스크립트 localStroage 참고: https://blog.bitsrc.io/how-to-use-localstorage-in-javascript-an-easy-guide-91aad566e4de Web Storage API는 브라우저에 정보를 저장하는 두 가지 메커니즘으로 sessionStorage와 localStorage를 제공합니다. sessionStorage는 localStorage와 매우 비슷하게 동작하지만 사용자 세션이 끝날 때 까지만 데이터를 유지하는 차이점이 있습니다. 즉 페이지가 닫히거나 리로드되면 데이터가 날아갑니다. localStorage는 브라우저를 닫았다가 다시 열어도 저장한 데이터를 유지합니다. 이를 이용하면 사용자 인터페이스를 더 간단하게 만들 수 있습니다. 하지만 이는 중요한 데이터를 저장하기 위함이 아님을.. 2023. 6. 8. [javascript] 자바스크립트 전체 화면 (Fullscreen API) 참고: https://www.tutorialspoint.com/how-to-create-fullscreen-api-using-javascript Fullscreen API는 사용자에게 전체 화면 표시를 요청하고 원할 때 전체 화면을 종료할 수 있게 하는 브라우저 API입니다. Fullscreen API를 사용하는 방법은 간단합니다. 먼저 사용 중인 브라우저가 Fullscreen API를 지원하는지 확인해야 합니다. 코드로 확인하는 방법은 document 객체에 Fullscreen API의 enabled 속성이 있는지 확인하는 것 입니다. 브라우저가 Fullscreen API를 지원하지 않는 경우에도 새 브라우저 창 열기와 같은 방법으로 전체 화면을 제공할 수 있습니다. 브라우저가 Fullscreen AP.. 2023. 6. 8. [javascript] HTML 제곱 지수 위첨자 (sup) 참고: https://www.scaler.com/topics/superscipt-in-html/ HTML의 태그는 텍스트를 위첨자로 만듭니다. 위첨자는 텍스트의 중심 선 위에 표시되는 텍스트로 더 작은 크기로 렌더링됩니다. 예: 23, 5th 등 문법 text 태그를 사용하려면 위첨자로 만들고 싶은 텍스트를 , 로 감싸면됩니다. 예제: Class 9th 위와 같이 입력하면 아래와 같이 렌더링됩니다. 속성 태그는 고유한 속성을 가지지는 않고 글로벌 속성을 따릅니다. HTML의 superscript인 는 타이포그라피 표준을 준수합니다. 이는 일반적으로 서수, 지수, 위첨자를 표시할 때 사용합니다. 사용 방법 태그의 적절한 사용 범위는 다음과 같습니다: a2과 같은 지수를 표시할 때 위첨자로 사용할 때: Al.. 2023. 6. 8. [javascript] 자바스크립트 BigInt 참고: https://www.javascripttutorial.net/es-next/javascript-bigint/ 이 포스트에서는 253 - 1 보다 큰 정수를 나타낼 수 있는 내장 객체인 BigInt 타입에 대해 알아보겠습니다. JavaScript BigInt ES2020에서는 253 - 1 보다 큰 정수를 표현하는 새로운 빌트인 객체인 BigInt를 도입했습니다. BigInt는 number, string, symbol, boolean, undefined, null과 같은 기본 타입입니다. BigInt를 만들려면 다음의 예제 처럼 숫자 리터럴 뒤에 n을 추가하면 됩니다: let bigInt = 9007199254740991n; 아니면 BigInt() 함수를 호출하면 됩니다: let bigInt = .. 2023. 6. 7. [javascript] 자바스크립트 객체 속성 지우기 (delete) 참고: https://builtin.com/software-engineering-perspectives/javascript-delete JavaScript에서 delete 연산자는 객체의 속성을 삭제합니다. 실제로 속성을 삭제한 후에는 해당 속성에 접근할 수 없으며 접근하면 undefined를 반환합니다. delete 연산자가 속성의 제거를 성공하면 true를, 실패하면 false를 리턴합니다. 이는 객체의 속성에만 영향을 미치고 변수나 함수 이름에는 영향을 주지 않습니다. delete 연산자를 미리 정의된 JavaScript 객체인 window, Math, Date 같은 객체의 제거에 사용하면 안됩니다. 이는 응용프로그램을 중단시킬 수 있습니다. 객체 속성 삭제 delete 연산자는 JavaScript.. 2023. 6. 7. [c++] 쓰레드 생성 (pthread) 참고: https://www.tutorialspoint.com/cplusplus/cpp_multithreading.htm 멀티쓰레딩은 멀티태스킹에 특화된 형태이며 멀티태스킹은 컴퓨터에서 두 개 이상의 프로그램을 동시에 실행하는 기능을 말합니다. 일반적으로 프로세스 기반과 쓰레드 기반의 두 가지 멀티태스킹 유형이 있습니다. 프로세스 기반 멀티태스킹은 여러 프로그램의 동시 실행을 처리합니다. 쓰레드 기반 멀티태스킹은 동일한 프로그램 내 여러 조각의 동시 실행을 처리합니다. 멀티쓰레드 프로그램에는 동시에 실행할 수 있는 두 개 이상의 부분을 가지고 있습니다. 이러한 프로그램의 각 부분을 쓰레드라고 하며 각 쓰레드는 별도의 실행 경로를 가집니다. C++ 11 이전에는 멀티쓰레드 응용프로그램에 대한 기본 지원이 .. 2023. 6. 2. [c++] 프로세스 생성 (fork) 참고: https://www.codespeedy.com/the-fork-system-call-using-cpp/ 이 포스트에서는 fork() 시스템 콜이 수행하는 작업과 리눅스 계열 시스템에서 어떻게 구현하는지 예제를 통해 알아보겠습니다. fork() 시스템 콜 이란? fork()는 새로운 자식 프로세스를 생성합니다. 부모 프로세스에서 fork()를 호출하면 메모리에 있는 정확한 사본을 다른 위치에 복사합니다. 부모 프로세스와 자식 프로세스 모두 주소 공간이 다르지만 동일한 메모리 세그먼트를 공유합니다. 문법: #include #include pid_t fork(void); fork() 시스템 콜은 생성한 자식 프로세스의 ID를 리턴합니다. 부모와 자식 둘 다 동일한 메모리 세그먼트를 공유하는데 실행 중.. 2023. 6. 1. [c++] 프로세스 ID 가져오기 (getpid, getppid) 참고: https://www.geeksforgeeks.org/getppid-getpid-linux/ getpid(), getppid()는 모두 unistd.h 라이브러리에 정의된 내장 함수입니다. 1. getpid() 호출한 프로세스의 프로세스 ID를 반환합니다. 이는 유니크한 임시 파일 이름을 생성하는 루틴에서 자주 사용됩니다. 문법: pid_t getpid(void); 리턴: getpid()는 현재 프로세스의 프로세스 ID를 리턴합니다. 이 함수는 에러를 throw 하지 않고 항상 성공합니다. #include #include using namespace std; int main() { cout 2023. 6. 1. [javascript] 자바스크립트 온라인/오프라인 확인 (navigator.onLine) 참고: https://dev.to/nialljoemaher/detecting-if-a-user-is-online-offline-with-javascript-3bcc 매일 인터넷이 빵빵한 사무실에서 일하는 개발자로서 인터넷이 되는 것은 당연한 일이고 localhost는 가장 빠른 사이트가 됩니다. 하지만 많은 사람들이 간과하고 있는 것이 무엇이냐면 모든 인터넷 환경이 일관적으로 좋지는 않다는 것 입니다. 이 포스트에서는 사용자가 인터넷에 연결되어 있는지 확인하고 연결이 끊어지거나 다시 연력되는 것을 감지하여 인터넷 상태에 따라 적절히 UI를 업데이트 하는 방법을 알아보겠습니다. 기본 코드 index.html: Hello style.css: body { background-color: #555; } .app.. 2023. 6. 1. [javascript] HTML 버튼 클릭 참고: https://www.w3docs.com/snippets/html/how-to-make-button-onclick-in-html.html HTML 요소의 onclick 속성은 모든 브라우저에서 지원하는 이벤트 속성입니다. 이는 사용자가 버튼을 클릭하면 발생합니다. onclick 버튼을 만들려면 요소에 onclick 이벤트 속성을 추가하면됩니다. window.location 객체의 URL 바꾸기 버튼 요소의 onclick은 사용자가 버튼을 클릭했을 때 스크립트를 실행합니다. 버튼을 클릭하면 웹사이트를 이동하는 예제를 통해 이를 알아보겠습니다: Click Here 위의 코드에서는 버튼 요소의 onclick 속성에 window.location의 URL을 변경하는 스크립트를 넣었습니다. button on.. 2023. 5. 31. [javascript] 자바스크립트 이벤트 리스너 등록 (addEventListener) 참고: https://www.freecodecamp.org/news/javascript-addeventlistener-example-code/ JavaScript의 addEventListener() 메소드를 사용하면 버튼을 클릭하여 이벤트가 발생할 때 호출할 함수를 설정할 수 있습니다. 이 포스트에서는 addEventListener()를 사용하는 방법을 알아보겠습니다. 이벤트와 이벤트 핸들러의 이해 사용자 또는 브라우저가 페이지를 조작하면 이벤트가 발생합니다. 이를 사용해 웹 페이지 요소를 동적으로 변경할 수 있으므로 이벤트는 중요한 역할을 맡고있습니다. 예를 들어 브라우저가 document 로딩을 완료하면 load 이벤트가 발생하고 사용자가 버튼을 클릭하면 click 이벤트가 발생합니다. 이벤트는 한 .. 2023. 5. 31. [javascript] 자바스크립트 객체 디스트럭처링 (destructuring) 참고: https://dmitripavlutin.com/javascript-object-destructuring/ 객체 디스트럭처링은 객체에서 속성을 가져오고 변수에 바인딩하는 JavaScript의 유용한 기능입니다. 또한 디스트럭처링은 코드 한 줄로 여러 속성을 추출하고 중첩된 객체의 속성에 접근할 수 있으며 속성이 존재하지 않을 경우 기본 값을 할당할 수 있습니다. 이 포스트에서는 JavaScript에서 디스트럭처링을 사용하는 방법을 알아보겠습니다. 1. Destructuring의 필요성 객체의 일부 속성을 가져오고 싶을 때 ES2015 이전 환경에서는 다음과 같은 코드를 작성해야 합니다: var hero = { name: 'Batman', realName: 'Bruce Wayne' }; var na.. 2023. 5. 30. [javascript] 자바스크립트 배열 합치기 (concat) 참고: https://www.samanthaming.com/tidbits/49-2-ways-to-merge-arrays/ 다음 두 가지 예제는 배열을 합치고 새 배열을 반환하는 코드입니다. 스프레드 연산자가 사용하기 편하지만 오래된 브라우저(ES6를 지원하지 않는) 까지 지원해야 하는 경우 Array.concat()을 사용해야 합니다. const cars = ['🚗', '🚙']; const trucks = ['🚚', '🚛']; // Method 1: Concat const combined1 = [].concat(cars, trucks); // Method 2: Spread const combined2 = [...cars, ...trucks]; console.log(combined1); console.lo.. 2023. 5. 30. [javascript] 자바스크립트 스프레드 연산자 (spread operator) 참고: https://www.programiz.com/javascript/spread-operator 이 포스트에서는 JavaScript의 스프레드 연산자를 예제와 함께 알아보겠습니다. 스프레드 연산자는 JavaScript ES6에서 사용할 수 있는 새로 추가된 기능입니다. 스프레드 연산자 (spread operator) 스프레드 연산자(...)는 배열같은 객체의 요소를 전개하거나 펼칩니다. 예를 들면: const arrValue = ['My', 'name', 'is', 'Jack']; console.log(arrValue); console.log(...arrValue); 위의 예제에서 다음의 코드 "console.log(...arrValue)"는 "console.log('My', 'name', 'is'.. 2023. 5. 29. 이전 1 2 3 4 5 ··· 20 다음 반응형