JIE0025

1. git 설치는 필수적2. 올리고 싶은 프로젝트들이 존재하는 폴더로 이동 project 폴더 내부에 네가지 project가 존재했다.3. 우클릭 > Git Bash Here 클릭 4. git init ( 폴더별로 5,6,8 반복 , 7은 이미 레파지토리 주소를 가져왔기 때문에 두번째 할때부턴 안해주어도 된다.)5. git add ./폴더이름폴더이름을 하나씩 add 해주어야한다. 6. git commit -m "message"7. git remote add origine 레파지토리주소 8. git push -u origin master 정상적으로 올라갔는지 확인하면 끝!

정의 컴포넌트 : 기능을 단위별로 캡슐화 하는 리액트의 기본 단위 - 사용자가 보는 뷰(View)는 컴포넌트의 조합으로 구성된다. - 자바스크립트 함수 or 클래스 컴포넌트 만드는 방법 1) react application 폴더를 연다. 2) src 안에 컴포넌트 이름을 정하고 js파일을 생성한다. import React from 'react'; //함수로 작성하기 > JSX function Hello(){ return 안녕하세요; } export default Hello; export default Test; 는 Test 컴퍼넌트를 만들어서 내보내겠다는 의미이다. 3) App.js로 돌아와 파일을 수정한다. import React from 'react'; import Hello from './Hello..

직전에 WSL을 사용할 수 있게 환경설정을 했으니 바로 react project를 생성해 보겠다. 1) npm install -g create-react-app 2) create-react-app [name] name 은 폴더 이름이며, react application을 생성한다. 3) 새로 만들어진 폴더로 이동하여 npm start를 입력시 웹서버가 시작된다. cd [name] npm start vscode에서 확인하기 1) 먼저 앱 작업영역을 확인한다. ubuntu를 실행한 다음 ls 를 누르면 작업 폴더가 바로나온다. 나는 절대 경로를 알고 싶어서 cd ../ 로 끝까지 나간 다음 ls로 확인했다. 작업영역은 home/jieun/mi-primera-app 인것이다. 2) f1 > remote-wsl..

vscode는 가볍고 다양한 기능과 언어를 지원하는 풍부한 생태계를 보유하고 있기 때문에 개발을 할 때 자주 사용된다. 앞으로 vscode에서 개발을 자주 할것 같아, WSL리눅스용 윈도우 하위 시스템을 설치하고 vscode에서 사용해보고자 한다. 나는 리액트를 좀더 쉽게 VSCode에서 사용하기 위해 WSL을 설치한다. 당연히 VSCode는 설치되어 있어야 한다. 리눅스 설치 1) 윈도우 검색창에 microsoft store를 검색해 실행한다. 2) store에서 ubuntu 를 검색하고 셋중 마음에 드는 것을 설치한다. 나는 Ubuntu 20.04 를 설치하였다. 3) 제어판을 들어가 windows 기능 켜기/끄기 를 클릭한다. 4) Linux용 하위 시스템 체크 5) ubuntu applicatio..

반응형 웹을 배울 때 가장 기초라고 생각되는 것이 바로 미디어 쿼리 문법이다. @media 쿼리를 사용함으로써 장치나 화면 비율에 따른 다른 레이아웃 디자인을 할 수 있다. 먼저 예제를 통해 사용방법을 구경해보자. ----------------------------------------------------------------- style sheet 내부나 css 파일에다가 작성한다. @media and (min-width : 100px) and (max-width : 700px) { .container{ background-color:#00ff00; transition-property: background-color 0.5s; } } @media 다음에 and 가 나와있는것을 볼 수 있다. 이는 '연..

Qt designer 로 ui파일을 만들었을 때 .py 파일로 변환시키는 방법 1) cmd 창에서 .ui 파일이 존재하는 디렉터리로 이동한다. 2) pyuic5 -x test.ui -o test.py 명령어 실행. 3) 명령어 실행시 test.py 파일이 생성되고, xml 형식이었던 .ui 파일이 파이썬으로 수정 가능한 코드로 변경됨을 확인 할 수 있다.

악성코드 분석 강의를 듣는 중, 용어가 생소해서 자꾸 까먹는 이유로 게시글로 정리했다 ㅠㅠ DLL 은 Dynamic Linked Library의 약자이다. 동적 연결 라이브러리라고 부른다. - 라이브러리란 SW 개발 시 자주 사용하는, 기초적 함수들의 중복 개발을 피하기 위하여 표준화된 함수, 데이터 타입을 만들어 모아놓은 파일을 얘기하는데, 동적 연결 라이브러리란 각 실행파일에서 해당 라이브러리의 기능을 사용할 때(요청 시) 파일을 참조해 호출한다. 요약하자면, 각 프로그램이 어떤 기능을 사용할 때, 그 기능은 DLL 파일로서 저장되어 있다는 뜻이다. DLL 장점 - 실제 메모리에 로드되는 중복 코드를 줄인다. - 모듈식 프로그램 개발 가능 - DLL 내 함수 수정 시 프로그램 재 연결이 필요하지 않다..

############## 작성자가 진행한 실습 그대로의 과정을 담았습니다. ############## ######## 공부 목적으로 실습한 것이라서 혼자 삽질한 내용이 담겨 있습니다. ######## https://codeengn.com/challenges/ 실습 파일은 코드엔진 challenges 에서 다운 받을 수 있다. 오늘의 실습은 코드엔진의 basic RCE L05번이다. 프로그램의 등록키를 찾는 것이 최종 목표! 먼저 올리디비지로 실행해보았다. 파일 오픈 후 f9 클릭하니 이런창이 떴다. unregistered... > name 754-GFX-IER-954 > serial num Serial Num 를 찾으면 그것이 정답이 될 것같다. 어차피 등록키를 모르는거 Register now! 버튼을..

############## 작성자가 진행한 실습 그대로의 과정을 담았습니다. ###################### 공부 목적으로 실습한 것이라서 혼자 삽질한 내용이 담겨 있습니다. ######## 오늘 실습할 것은 코드엔진의 Basic RCE L04이다. 계속 해왔듯이 일단 파일을 올리디버거로 열어서 실행시켜보았다. 끝도 없이 :디버깅당함 이라는 문자열이 출력되었다. 이를 보고 나는 두가지 생각이 들었다. 첫번째는 파일이 콘솔창에 뜨는 것을 보니 printf로 디버깅 당함을 출력하지 않을까 예상이 간것이며두번째는 디버거를 탐지하는 함수가 약 1초에 한번씩 호출되는 듯 하였으니, 시간에 관한 함수도 존재할 것이라는 것이다. 그리고 이 두가지 생각이 > C언어를 사용한 실행파일이겠구나, 그렇다면 1초에 ..

오늘은 python 문법 공부를 하다가, API를 사용하는 실습을 해보았다. API 사용은 어렵지 않지만, 실제로 해보아야 늘기 때문에 언어를 공부할 때마다 쉬운 실습을 해보는 편이다. 참고 영상 : https://youtu.be/umOQNlQMoDc 먼저 Twilio 라는 사이트에 들어가서 회원가입을 하자 https://www.twilio.com/ Twilio - Communication APIs for SMS, Voice, Video and Authentication www.twilio.com 회원가입 시 이름, 이메일, 비밀번호를 입력하고 start your free trial 을 클릭한다. 그러면 이메일 전송인증을 하라는 창이 뜬다. 이메일로 들어가서 confirm 을 통해 인증을 해주자. 이메일..