이번 주차 강의의 주제는 레이아웃, props, state이다. props와 state는 RN의 꽃이라고 하신다. 1. Component에 스타일 입히기! rncs로 코드의 틀을 불러온다 style.prop안의 구조는 이렇다. 실습) 이런 식으로 텍스트에 style을 입혀주면 짠. 그 이외의 스타일들은 구글에서 react native change text color 등 알아서 검색해서 알아보자! 앞주차의 사진처럼 이렇게 인라인 방식으로 넣을 수도 있지만 가독성면에서, 효율성 면에서 위의 방식이 더 좋다. 레이아웃을 디자인할때 이렇게 퍼센트(%)로 크기를 지정해주면 이렇게 화면 전체를 기준으로 색을 입힐 수 있다. flex는 비율에 맞추어 화면에 색을 덮는 역할을 한다. 사용은 다음과 같다...
2주차 포너블 스터디는 구글 미팅으로 진행되었다. C언어의 기본적인 문법을 설명해주시고 어셈블리어라는 언어를 소개해주셨다. 어셈블리어는 기계어와 1대1로 대응되는 프로그래밍 언어이며 intel 형식의 문법을 기준으로 배울 예정이다! 어셈블리어는 [명령어][인자1][인자2] 의 형식이다. 어셈블리어는 레지스터를 사용하는데, 레지스터는 cpu 내에 있는 저장공간이고 접근 속도가 메모리보다 훨씬 빠르다. mov : 데이터를 복사하는 명령어 ( 레지스터를 통해서 복사한다. ) ex) mov[인자1][인자2] --> 인자2를 인자1에 복사한다. call : 함수를 호출하는 명령어 ex) call[함수] jmp : 특정 주소로 이동하는 명령어. je, jne, jle 등의 종류가 있다. ex)..
1. 사전 기초 개념 - 단일 태그 단일 태그는 가 아닌 와 같이 단일하게 만들 수 있는 태그이다. - 익명 함수, 주석 변수에 함수를 저장해줄 수 있는데, 이 함수의 이름을 지어줄 필요가 없다. 이를 익명함수라고 한다. JS에서 주석은 //과 /**/이다. 2. React Native cmd 창에서 expo init Practice03 과 같이 Practice03이라는 이름의 blank 템플릿의 실습 폴더를 생성한 뒤 npm start를 입력해준다. App.js 파일에서 rnc를 입력하고 엔터를 누르면 확장 프로그램에 의해 기본적인 틀이 생성된다. 여기서 React Native 실습을 진행한다. aaa.js 라는 파일을 생성해 export 와 import, default 명령어에 대해 알아보..
강의 초반에는 vscode에서 javascript code snippets 등 개발을 용이하게 하는 확장 프로그램을 설치하였다. 먼저 Javascript 기초를 다져보자. - 변수 변수는 var라는 키워드로 변수를 선언한다. (자료형은 명시하지 않는다. ) ex) var a = 1, b = 2; var c = a + b; alret(c); 출력 값 : 3 // 변수가 아닌 상수는 const 키워드를 사용한다. - 자료형 자료형은 6개가 존재한다. 1. number 2. string 3. boolean : true, false를 저장 4. undefined 5. function 6.object -조건문 이 부분은 C언어와 유사하다. -비교연산자 자바스크립트에서는 비교 연산자에서 a===b, ..
웹 해킹 2주차 과제를 풀어보자! 1 ) HTML - source code https://www.root-me.org/en/Challenges/Web-Server/HTML-source-code Challenges/Web - Server : HTML - Source code [Root Me : Hacking and Information Security learning platform] 3 Solutions Display solutions Submit a solution Challenge Results Pseudo Challenge Lang date Flowdi HTML - Code source 6 November 2020 at 05:24 Kim Hung HO HTML - Source code 6 Nov..
http://www.youtube.com/playlist?list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU 이번 포스팅에서는 배열과 정규표현식까지를 설명하는 영상을 보고 내용을 정리해보겠다. 9. 배열 배열은 연관된 데이터를 한꺼번에 관리하기 위해 사용하는 데이터 타입이다. 배열의 선언은 다음과 같다. var member = ['egoing', 'k8805', 'sorialgi'] - 배열의 사용 여기까지 배열에 요소를 추가하는 방법을 알아보았다. 다음은 배열에서 요소를 제거하고 정렬하는 방법이다. 10. 객체 객체는 한마디로 데이터를 담아내는 그릇이다. 배열과 비슷한 것 같지만 배열은 요소의 식별자로 숫자를 사용하고, 객체(dictionary)를 사용하면 인덱스로..
2회차 수업 포스팅을 시작해보겠다! 그동안 소프트웨어와 관련한 강의만 듣고 포스팅해왔어서 하드 관련 강의를 듣고 적으려니까 확실히 소프트보다는 모르는 단어들도 많고 어렵다고 생각되긴 한다. 전체적인 맥락을 잡아서 요약하되 중요한 것, 모르는 것은 세부적으로 적어 이해 및 해결하도록 하겠다. 열심히 해보자 ^.^ - 아두이노 시작하기 V = IR 관련 내용과 디지털과 아날로그 신호의 구분에 대해 간단히 설명해주셨다. 출처 : 공방장의 3D Printer 아두이노 보드 내의 디지털 및 아날로그 신호를 처리하는 과정도 간략하게 설명해주심. - 실습 드디어 실습이다 ! 아두이노 개발환경을 실행하면 이렇게 생겼다. setup()함수는 처음 시작할 때 초기 설정을 정한다. loop()함수는 안의 코드를..
인하대학교 창업지원단에서 운영하는 프로그램이 시작되었다. 제어와 설계 두 트랙에서 기초교육을 진행하며 나는 제어 기초교육을 수강한다. 수강 내용은 이렇다. 아두이노 코딩 학습 키트도 받은 상태이고, 강의날짜와 포스팅 날짜는 차이가 있지만 ㅎ.ㅎ 설레는 마음으로 1회차 Write up을 진행해보겠다. (영상은 첨부가 안 되는 걸로 알고 있어 링크 첨부는 불가하네요) 출처 : 공방장의 3D Printer ( Youtube ) * 이더넷 실드 : 아두이노에 적층하여 사용하는 보드 ( 아두이노를 네트워크에 연결해준다.) * MP3 실드 : ‘VS1053B’ 칩셋을 사용하여 TF카드에 들어있는 음악파일을 재생 할 수 있게 만들어진 쉴드. VS1053은 MP3/AAC/WMA 등 다양한 형식의 음악파일 재생이 가..
리액트 네이티브 강의를 듣던 중 Javascript관련 수업을 듣다가, 자바 스크립트의 기본적인 지식이 많이 부족함을 느끼고 생활코딩에서 먼저 자바스크립트의 기초를 배운 다음에 리액트 네이티브를 본격적으로 수강하고자하는 생각이 들었다. 그래서 생활코딩의 도움을 받아 Javascript를 공부하면서 배운 것을 간단히 블로그에 write-up해보도록 하겠다. 1. 오리엔테이션 웹 브라우저를 꾸미고 동작시키기 위해 JS를 사용한다. 그런데 웹서버를 직접 제어하는 프로그래밍 언어도 많다. PHP, JAVA, Python 등등 탈 웹브라우저는 자바스크립트가 웹서버에서 웹브라우저로의 응답하는 형태를 웹 브라우저에서 바로 구현될 수 있게 되는 것이다. 제일 대표적인 것이 node.js이고 node.js로 인해..
