코딩왕랄프👊🏻

안녕하세요! 오늘은 이전 자바스크립트의 map() 메소드에 이어, React의 컴포넌트를 Mapping하는 방법에 대해 배워보도록 하겠습니다. 아래 사진과 같이 이름과 전화번호로 나눠져 있는 데이터들을 나타내는 예제로 살펴보겠습니다. 1. 가장 기본적인 코드 class App extends React.Component { render(){ return ( ); } } class Contacts extends React.Component { render(){ return( Contacts Abet 010-0000-0001 Betty 010-0000-0002 Chalie 010-0000-0003 David 010-0000-0003 ); } } => 정말 가장 기본적인 코드죠? Contact 클래스 내에 일일..

자바 스크립트를 사용할때, Array 객체 내장함수인 map 함수에 대해서 종종 보곤 합니다. 언뜻보기에 처음보는 문자들도 있고, 정확히 어떤 것을 의미하고 있는지 몰라 대충 보고 지나갈때가 많았는데, 이 글을 통해 아주 쉽고 간단하게 이해 하고자 합니다! map()? arr.map(callback, [thisArg]) 파라미터로 전달 된 함수를 통하여 배열 내의 각 요소를 프로세싱 하여 그 결과로 새로운 배열을 생성하는 메소드 이렇게 설명만 들어서는 조금 어렵다고 느껴질 수 있는데, 쉽게 예제를 통해 살펴 보겠습니다. var numbers = [1, 2, 3, 4, 5]; var processed = numbers.map(function(num){ return num*num; }); => numbers..

오늘은 React Native와 Sqlite를 연동하는 시간을 가져보겠습니다. 혹시 아직, React Native 앱을 시작하지 않았다면 앞의 게시물을 꼭 보고 와주시길 바랍니다! 1. 앞에서 만든 React Native 프로젝트 안에서, react-native-sqlite를 설치합니다. "npm install --save react-native-sqlite-storage" 2. 방금 설치한 react-native-sqlite-storage를 프로젝트와 연결 시킵니다. "react-native link react-native-sqlite-storage" => 만약 위 명령어를 입력했는데, 설치가 안된 부분이 있다고 실행되지 않을 경우 아래 링크를 참고하여 설치를 진행하시면 됩니다! http://blog...

React Native? Facebook 에서 개발한 오픈소스 모바일 애플리케이션 프레임워크 입니다! * React Native를 시작하기 전 해당 앱을 Github에 올리고 싶다면 1번부터, 그렇지 않다면 2번 부터 시작하시면 됩니다 :) 1. Github에서 Repository를 만든 후, git clone을 통해 Repository를 클론 합니다. 2. 해당 Repository로 들어가, react-native를 시작하는 명령어 "npm install -g expo-cli" 를 입력합니다. => 이렇게 빨간색으로 Error라고 뜨지 않으면, 설치에 성공한 것 입니다! 3. 이제 원하는 프로젝트의 이름으로 시작할 수 있도록 "expo init 프로젝트이름" 을 입력합니다. => Your project..

오늘은 SQLite를 이용한 파이썬 프로그램을 만들어보는 방법을 알아보도록 하겠습니다! 우선, 이전 게시글에서 SQLite를 설치하고 데이터베이스 작업을 완료 하신 후 진행해 주시길 바랍니다. 저는, "올림픽 경기 기록 관리 프로그램"을 만들어 보았습니다!Console로 진행하면 아주 쉽겠지만, 시각적인 효과를 덧붙이기 위해 tkinter를 사용하였습니다. 저의 프로그램은 간단하게 "메인화면 - 기록보기 - 기록추가 - 기록수정 - 기록삭제 - 메달순위" 로 구성되어 있습니다! 각 파일들은 객체지향을 사용하여 만들어졌고, 파일 내에서 SQL문을 다루는 형식으로 진행하였습니다. 1. 메인 화면 : 프로그램 이름을 띄워주고, 각 버튼을 눌러 원하는 메뉴로 갈 수 있도록 실행해보았습니다. import sqli..

데이터베이스 관리 시스템이지만, 서버가 아니라 응응프로그램에 넣어 사용하는 비교적 가벼운 데이터베이스 SQLite? SQLite를 다양한 프로그램과 연동하여 사용할 수 있지만, 저는 SQLite를 지원하고 있는 파이썬에 적용하여 실행해보았습니다! 이제 끝이 났지만, 며칠전까지 올림픽이 진행 되었었는데 그 올림픽의 경기를 기록하고 관리하는 프로그램을 만들어 보았습니다! 그럼 파이썬으로 SQLite를 사용하는 법을 알아 보겠습니다! 1. https://sqlitebrowser.org 해당 링크에 들어가서 SQLite를 다운받습니다. 2. 프로그램을 실행 시킨 후, 새로운 데이터베이스를 만듭니다. 3. 데이터베이스 내에, 테이블을 하나 만듭니다! 이때, 테이블 내 column들도 입력하여 추가합니다. 4. 확..