전체 글

공부기록
Study Group/2020 하계 모각코

[0729]

목표 -금요일 교육 환경 준비 -악성코드 대회 세미나 준비 결과 -금요일 교육 환경 준비 mysql 환경준비를 하였다. 구글폼으로 받은 계정들을 mySQL의 계정으로 모두 등록 해주었고 아래 포스팅글을 작성하며 작업하였다. (아래 링크의 포스팅은 오늘 작성한 글입니다) 링크 : https://hololo-kumo.tistory.com/m/136개인 계정이기 때문에 사진은 블러처리했다 - 악성코드 대회 세미나 세미나가 다음주로 미뤄져서 교육 준비에 집중하였다.

Hacking/20Webhacking교육

mySQL 준비

1. sudo 권한으로 mysql접속mysql> sudo /usr/bin/mysql -root mysql 을 입력하면 sudo권한을 통과하기 위한 패스워드를 입력해야 한다. 통과하면 위와 같이 화면이 뜬다.2. 사용자 추가mysql> create user '사용자ID'@'localhost' identified by '패스워드'; ex) create user 'hololo'@'localhost' identified by 'tistory'; 추가에 성공하면 다음과 같이 화면에 뜬다. 3. 데이터베이스 생성mysql> create database 데이터베이스이름; ex) create database hololo 추가에 성공하면 다음과 같이 화면에 뜬다. 4. 데이터베이스에 사용자 권한주기mysql> grant..

Study Group/2020 하계 모각코

[0722]

목표 - Flask 개념 공부하기 - React + Flask 연동 공부하기 결과 - Flask 개념 공부하기 여러 블로그를 참고하면서 공부, 실습 진행 이 블로그에 포스팅 -> https://hololo-kumo.tistory.com/137 1] Flask의 개념, 설치, 간단한 실습 1. 웹 프레임워크 과거에 써뒀던 Flask글이 있는데, 다 까먹고 지금 다시 보니까 모르겠다....케케케케케 https://argoswebpage.tistory.com/9 (과거의 글...) Flask에 대해 말하기 전에, 웹 프레임워크에 대해 �� hololo-kumo.tistory.com - Flask + React 덜적었음.....동영상 더 보고 적을 듯!!(https://www.youtube.com/watch?v..

Web/Flask

1] Flask의 개념, 설치, 간단한 실습

1. 웹 프레임워크 과거에 써뒀던 Flask글이 있는데, 다 까먹고 지금 다시 보니까 모르겠다....케케케케케 https://argoswebpage.tistory.com/9 (과거의 글...) Flask에 대해 말하기 전에, 웹 프레임워크에 대해 짚고 넘어가고 싶었다. 먼저 웹 프레임워크란? 쉽게 말하면 직접 물건을 전달해주는 것과 배달 서비스를 이용하는 것으로 비유를 들 수 있는데, 배달 서비스의 경우 이용방법만 안다면 아주 간편하게 물건을 전송할 수 있다. 여기서 배달 서비스는 프레임워크이고, 직접 물건을 전달하는 방식보다 훨씬 간편하게 해준다. 즉, 웹 프레임워크는 간단히 말하자면 '웹을 개발하는 데에 있어 쉽게 할 수 있도록 도와주는 도구'이다. 위키 백과를 보면, 웹 프레임워크는 동적인 웹 페이..

Web/React

React Native 4] 파일 분리와 expo api사용하기

Loading Screen 이제 로딩 스크린을 만들어 보자!! 저번처럼 App.js의 아래에 만들 수 있겠지만, 따로 파일을 만들어 작업해보자. 저번 React강의에서는 class형이었지만 이번엔 함수형!!이다. export default를 해주어 export해주고, App.js에서 가져와준다. 그러면 오른쪽처럼 너무 top에 붙어서 화면이 나오니 flex로 화면 조정을 해주자!! 다음의 코드 중에 paddingHorizontal과 paddingVertical는 React Native에서만 있는 속성이다. 배경색까지 설정해주면 완성이다!! 폰트 설정까지 따로 해주면, 참고로 fontSize에서 숫자로 적으면 따옴표가 필요없고, px를 붙이면 따옴표가 필요하다. fontSize : 40 fontSize :..

Web/React

React Native 3] Logic : Flexbox Layout

Layout React Native에서 적용되는 Layout에 대한 규칙들이 있다. (expo뿐만 아니라 React Native 전체에 다 적용되는 규칙들) 위 화면에 보이는 것처럼 flex라는 것이 있다. 1. flexdirection 위에서 보이는 것처럼 컴포넌트의 flexdirection 디폴트는 column이다. 웹에서는 row였지만, 모바일에서는 대게 모든게 서로 아래에 있기 때문이다. 바꾸고 싶다면 물론 바꿀 수 있다. 2. flex : 1? 웹사이트에서는 1이나 2처럼 지정해주지 않는다. 아래 코드를 보자 다음과 같이 만들어진다. container는 아빠다. container에서의 flex가 1은 모든 공간을 사용가능하다는 것을 의미한다. styles에서 container를 모두 지워버리면 ..

hololo
HoLoLo