목차 자바스크립트 변환 함수 자바스크립트 변환 방법 자바스크립트 변환 함수 JavaScript에서 텍스트(문자열)를 숫자로 변환하는 것은 매우 간단합니다. 주로 사용되는 두 가지 방법은 `parseInt()` 함수와 `parseFloat()` 함수입니다. `parseInt()`는 문자열을 정수로 변환하고, `parseFloat()`은 문자열을 부동소수점 숫자로 변환합니다. 자바스크립트 변환 방법 아래는 두 함수를 사용하는 예시 코드입니다: // 텍스트를 정수로 변환 let textToInt = "123"; let numberInt = parseInt(textToInt); console.log(numberInt); // 출력: 123 // 텍스트를 부동소수점 숫자로 변환 let textToFloat = ..
목차 HTML jQuery & JavaScript 파이썬 다중배열 마지막 배열 접근 jQuery와 JavaScript를 사용하여 텍스트 파일을 입력 받으면 해당 파일의 내용을 `textarea`에 추가하는 로직은 다음과 같습니다: 1. 파일 입력 요소()를 사용하여 사용자로부터 텍스트 파일을 받습니다. 2. JavaScript의 FileReader API를 사용하여 파일 내용을 읽습니다. 3. 읽은 텍스트를 `textarea`에 추가합니다. HTML jQuery & JavaScript $(document).ready(function() { $('#fileInput').on('change', function(event) { var file = event.target.files[0]; if (file &&..
목차 공백 제거하기 특정 문자 제거하기 JavaScript에서 문자열에서 공백이나 특정 문자를 제거하려면 주로 `replace()` 메서드를 사용합니다. 이 메서드는 문자열에서 패턴에 해당하는 부분을 다른 문자열로 대체할 수 있습니다. 정규 표현식을 사용하면 더욱 유연하게 문자를 제거할 수 있습니다. 공백 제거하기 1. 모든 공백 제거: let str = "Hello World!"; str = str.replace(/\s+/g, ''); console.log(str); // "HelloWorld!" 여기서 `\s+`는 하나 이상의 모든 공백을 의미하고, `g` 플래그는 전역 검색을 의미합니다. 2. 문자열 앞/뒤의 공백 제거 (trim): let str = "Hello World!"; str = str..
JavaScript에서 배열에 요소를 추가하는 가장 일반적인 방법은 push() 메서드를 사용하는 것입니다. 이 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 새 길이를 반환합니다. 아래는 push() 메서드를 사용하여 배열에 요소를 추가하는 예시입니다: // 배열 선언 let fruits = ["apple", "banana", "orange"]; // 배열에 새 요소 추가 fruits.push("grape"); // 결과 확인 console.log(fruits); // ["apple", "banana", "orange", "grape"] 또 다른 방법으로, concat() 메서드를 사용하여 기존 배열을 변경하지 않고 새 요소를 포함한 새 배열을 생성할 수도 있습니다. concat()..
JQuery를 사용하여 특정 클래스를 가진 tr 요소의 각 td 텍스트를 가져오는 방법은 비교적 간단합니다. 아래는 예시 코드입니다. 이 코드는 특정 클래스(your-class)를 가진 모든 tr 요소를 찾고, 각 tr 내의 td 요소들을 순회하면서 그 텍스트를 콘솔에 출력합니다. // 특정 클래스를 가진 모든 tr 요소들을 순회합니다. $('tr.your-class').each(function() { // 현재 tr 요소 내의 모든 td 요소들을 순회합니다. $(this).find('td').each(function() { // 각 td 요소의 텍스트를 가져와서 콘솔에 출력합니다. var text = $(this).text(); console.log(text); }); }); 이 코드에서 your-cl..
안녕하세요 엘빈입니다. node.js를 사용하여 웹개발을 진행하다 보면 사실 html 파일을 이용하는 경우가 드뭅니다. html 웹문서는 웹개발에 가벼운 문서로 유명하지만 정적인 페이지로 서버를 이용하는 웹개발에서는 변형에 한계가 있기 때문입니다. node.js에서는 동적인 페이지 개발을 위해 뷰엔진 모듈을 사용하도록 권고하는데 저같은 경우 ejs 모듈을 사용하고 있습니다. 이번 포스팅에서는 ejs 뷰엔진을 통해 공통 레이아웃 적용 방법에 대해서 알아보겠습니다. ejs 모듈로 공통 레이아웃 적용하기 사실 ejs 모듈을 정식적으로 배운것은 아니고 인터넷에서 검색 도중 알게되어 사용하게 되었습니다. 그러다보니 지금까지 유용한 모듈화 기능을 활용하지 못하다가 최근에 알게되어 사용하게 되었고 대단히 편리한 기능..
요즘 firebase로 커뮤니티 포럼을 개발하고 있다. 여러차례 개발하는 것이 실력향상에 도움이 될것이라 생각된다. 많은 오류가 발생하였고 그 중 좀 오래 걸려 해결한 문제들을 짧게나마 정리하려고 한다. firebase로 웹개발을 진행중에 예기치 못한 오류가 발생하였다. firebase 데이터베이스를 모듈화 컨트롤 파일에 매개변수로 넘긴후 잘 넘겨졌나 console.log를 통해 확인하려고 하는데 [object object]라고 나온것이다. 당연히 나로서는 데이터가 매개변수로 잘 넘어가지 않았다라고 판단할 수 밖에 없었다. 하지만 확인한 결과 인증 및 데이터가 넘어온 것에 문제가 없었다. 깃허브나 스택 오버플로우에 수차례 검색한 결과 아주 단순한 문제였음을 깨닫는다. 문제 원인을 알고나서 너무 허탈했다...
안녕하세요 엘빈입니다. 최근 node.js를 통해 웹개발 프로젝트를 진행하고 있습니다. 대학교에서 진행하고 있는데요. node.js를 처음 접한게 어느덧 1년이 지났네요. 컴퓨터의 오류와 렉이 빈번히 일어나 포맷후 새롭게 프로그램을 설치하고 있습니다. node.js 또한 그 중 하나이죠. 이번 포스팅에서 node.js 설치 방법에 대해서 알아보겠습니다. 엄청 간단히 진행되니 천천히 따라와주시기 바랍니다. node.js 설치 방법 node.js 다운로드 사이트 바로가기 node.js는 기본적으로 무료로 사용할 수 있는 라이브러리 입니다. js, 자바스크립트에서 확장된 개념으로 제공되는 라이브러리로 서버 구축을 담당하고 있습니다. node.js가 처음 나올때 사람들은 열광했습니다. 왜냐하면 기존 웹개발은 프..
안녕하세요 엘빈입니다. 저번 포스팅에서는 React.js에서 가장 기본이 되는 JSX 문법에 대해서 알아보았습니다. 대부분의 소스코드들이 JSX를 바탕으로 작성하고 있는데요. 이번 포스팅에서는 React.js에 꽃 컴포넌트에 대해서 알아보겠습니다. 포스팅은 "React를 다루는 기술" 책을 바탕으로 정리 및 요약식으로 작성되었습니다. 1. 컴포넌트란 리액트를 사용하여 웹을 설계할때 인터페이스는 여러가지 컴포넌트로 구성되어 있습니다. 화면에 보이는 모든 구성이 컴포넌트들이 조합되어 이루어져 있다고 생각하시면 되는데요. 웹 애플리케이션에서 여러 컴포넌트들은 각자 맡은 기능과 뷰를 가지고 있으며 개별적인 파일로 분리되어 관리되어집니다. 2. 컴포넌트 생성 1 2 3 4 5 6 7 8 9 10 11 12 13 ..
안녕하세요 엘빈입니다. 저번 포스팅에서 react에 대한 기초적인 환경 설정을 하였습니다. 이제 본격적으로 react가 무엇인지 알아봐야겠죠? 이번 포스팅에서는 react에 핵심인 JSX에 대해서 알아보겠습니다. 포스팅은 "React를 다루는 기술" 책을 바탕으로 정리 및 요약식으로 작성되었습니다. 1. JSX란? JSX는 자바스크립트 문법을 확장시킨 개념입니다. 프로그래머가 더 편리하게 소스 코드를 작성할 수 있도록 도와주죠. JSX는 리액트 용으로 공식 자바스크립트 문법은 아니지만 HTML과 비슷하고 좋은 가독성으로 인해 많은 사람들이 애용하고 있습니다. 2. JSX 문법 JSX는 자바스크립트 확장 문법입니다. 문법인 만큼 사용하는데 몇 가지 규칙을 준수해야 합니다. (1) 꼭 부모 요소 하나로 감싸..
안녕하세요 엘빈입니다. 이번에 학교에서 프로젝트에서 React.js를 사용하기로 마음먹었습니다. 예전에 살짝 건드려본 만큼 천천히 공부하면서 결과물을 제작하려고 합니다. 공부하면서 강좌 형식으로 포스팅을 연재하려고 하는데요! 함께 차근차근 React.js에 대해서 알아볼까요? 포스팅은 "React를 다루는 기술" 책을 바탕으로 정리 및 요약식으로 작성되었습니다 사실 제 포스팅에 배경이 되는 책 "React.js"는 Mac 운영체제 위주로 작성되었습니다. 윈도우로 진행하는 방법도 나와 있지만 아무래도 좀 더 찾아봐야 하더군요. 확실히 프로그래밍을 하는데 윈도우의 cmd 체계보다 Shell로 진행하는 것이 좋다고 생각합니다. 마침 윈도우 10은 업데이트 이후로 Linux Shell이 정상 작동할 수 있도록 ..