분류 전체보기
-
파일 및 폴더 삭제Github 2023. 1. 16. 15:45
파일 삭제하기 1. 로컬 디렉토리와 git 저장소에서 모두 삭제 $ git rm index.html $ git commit -m "Delete index.html" $ git push origin +master 2. git에서만 삭제 $ git rm --cached index.html $ git commit -m "Delete index.html" $ git push origin +master 폴더 삭제하기 1. 로컬 디렉토리와 git 저장소에서 모두 삭제 $ git rm -rf 폴더명 $ git commit -m "Delete folder" $ git push origin +master 2. git에서만 삭제 $ git rm --cached -r 폴더명 $ git rm --cached -r src/ $..
-
리액트 기본문법 JSX, state프레임워크/리액트 React 2023. 1. 14. 18:22
리액트 기본문법 리액트는 html 대신 jsx를 사용한다. class 사용 시, class 대신 className 사용 변수를 html에 사용하고 싶을 땐 {중괄호} - 데이터 바인딩 html에 style속성 넣고 싶을 때는 중괄호에 {} 자료형 사용, 속성은 - 대신 모든 단어 붙여씀 (font-size → fontSize) return 안에는 병렬로 태그 2개 이상 기입 금지 import './App.css'; // css 연결 function App() { let post = '강남 우동 맛집' //변수 선언 let data = 'red' return ( {/* class 지정(className 사용) */} 블로그 {/* 태그 내 인라인으로 속성 넣기 style = {{}}, html 태그 내 변..
-
리액트 설치 및 세팅프레임워크/리액트 React 2023. 1. 14. 17:49
1. 리액트 설치 및 세팅 우선 node.js 최신 버전을(왼쪽 안정화 버전 사용) 다운받아야 함 node.js 버전 확인은 터미널을 연 후 (ctrl + `) npm -v 작업할 폴더를 만든 후 powershell에서 프로젝트를 생성한다. (Create React App을 생성) 리액트 앱을 생성하는 방법은 npm과 npx 방식이 있는데, npm은 프로그램을 설치 npx는 프로그램을 임시로 설치한다.공식 문서에서는 npx 방식을 권장하며, npx는 컴퓨터 공간을 낭비하지 않고, 최신 버전을 유지할 수 있도록 해주는 장점이 있다. npx create-react-app blog //blog대신 임의의 프로젝트명을 입력해도 됨 //npm install -g create-react-app //create-re..
-
프로그래머스 lv.0 2일차공부/코딩테스트 2023. 1. 12. 20:21
프로그래머스 lv.0 1. 숫자 비교하기 let solution = (num1,num2) => { let answer; if (num1==num2) { answer = 1; } else { answer = -1; } return answer; } 삼항연산자를 사용해서도 처리할 수 있다. function solution(num1, num2) { var answer = num1 === num2 ? 1 : -1; return answer; } *삼항연산자 if ~ else 조건문 대체로 많이 사용 condition ? exprIfTrue : exprIfFalse; 조건문 ? 참일 경우 : 거짓일 경우; //연결된 조건문은 아래 처럼 처리 function example(…) { return condition1 ..
-
라이브러리 vs 프레임워크공부/코딩용어 2023. 1. 10. 23:59
라이브러리와 프레임워크의 공통점과 장점 누군가 미리 작성해 둔 코드 개발 속도를 빠르게 만들어 준다. 브라우저에 내장된 문법은 아니다. (내장된 것은 바닐라 js) 라이브러리와 프레임워크의 단점 제작 시간이 빠른 대신, 계산할 것이 많아져 사이트가 무거워짐 (→ 일반 기업 사이트) 반대로 바닐라 js는 가볍기 때문에 로딩 속도가 빠르다 (→ 관공서 같은 사이트에서 많이 사용) 라이브러리와 프레임워크의 차이점 제어권이 누구에게 있느냐가 포인트 구분 라이브러리 프레임워크 제어권 나에게 있다 나에게 없다 교체 난이도 쉽다 어렵다 종류 jQuery, React ... BootStrap, React, Vue, Angular, Spring, Django... 라이브러리는 내가 구현하고 싶은 부분을 필요할 때 불러서..
-
운영체제, 코딩, HTTP/HTTPS, 웹 서버와 브라우저공부/코딩용어 2023. 1. 9. 16:54
[스파르타] 1시간 만에 끝내는 직장인 코딩 용어 1. 컴퓨터는 기본적으로 기계를 모아둔 것이다. 2. 코딩을 미리 짜둔 것을 프로그램이라 한다. (같은 액션 반복) 3. 컴퓨터와 컴퓨터가 소통하는 것 → 인터넷 운영체제(Operating System) 사람의 언어를 기계 언어로 바꾸는 것 → 소통을 가능하게 하는 것 : Android, iOS, Window, Linux(오픈소스) 코딩 = 프로그래밍 OS에 직접적으로 명령을 내리는 것 명령을 어떤 언어로 할 것인가 → 프로그래밍 언어 * 프로그래밍 언어 컴퓨터에게 명령이나 연산을 시킬 목적으로 설계되어 기계와 의사소통을 할 수 있게 해주는 언어를 뜻한다. 컴파일 언어 : C+, C++, Java, C#, Go (실행가능한 형태로 변환 후 사용해야 한다...