본문 바로가기

분류 전체보기328

[리액트] CRA(create react app)으로 리액트 프로젝트 생성하기 CRAcreate react app은리액트로 프로젝트를 시작하기 위해 필요한 환경을 모두 구축해주는 코드다. (웹팩, 바벨의 설치 등) create react app으로 프로젝트를 생성하기전에 리액트에 필요한 도구들이 설치되었는지 꼭 확인해보자 👉 [리액트] 리액트 프로젝트를 생성하기 전에 필요한 도구 create react app으로 프로젝트 생성하기 1. 설치 yarn으로 설치 $ yarn create react-app npm으로 설치 $ npx create-react-app 여기서 npx는 npm과 함께 설치 되는 노드 패키지를 실행하는 툴이다. 만약 프로젝트 이름으로 된 폴더를 이미 만들었다면 해당 폴더로 접근한 후 아래의 코드를 입력한다. $ yarn create react-app . 2. 디.. 2022. 3. 23.
[파이썬] 파이썬으로 파일 생성하고 읽고 쓰기 ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 9. 파이썬 파일 쓰기 File Write(1-1) File Write(1-2) File Write(1-3) 파이썬에서 파일 생성, 읽기, 쓰기 함수 파일 생성: open(), close() 파일 읽기: read(), readline(), seek() 파일 쓰기: write(), writeline(), writelines() 1. 파일 생성: open 함수, close 함수 open(): 파일을 여는 함수 close(): 파일을 닫는 함수 1.1 open() 함수 모드의 종류: r(read), w(write), a.. 2022. 3. 23.
[파이썬] 파이썬에서 자주쓰이는 내장함수 19가지와 사용법 ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 8. 파이썬 기본 함수 Built-in Function(1-1) Built-in Function(1-2) 파이썬 내장함수의 종류 abs(): 숫자형 데이터를 파라미터로 받아 절대값을 리턴하는 함수 all(): 반복가능한 객체안에 있는 데이터를 검사해 True 또는 False를 리턴하는 함수 (하나라도 False면 False) any(): 반복가능한 객체안에 있는 데이터를 검사해 True 또는 False를 리턴하는 함수 (하나라도 True면 True) chr(): 아스키코드를 파라미터로 받아 해당하는 문자를 리턴하는.. 2022. 3. 23.
[파이썬] 예외처리 예제 (try, except, else, finally, raise) ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 7. 파이썬 예외처리 Exception(1-1) Exception(1-2) 1. 예외처리 (exception) 1.1 예외란? 파이썬에서 에러메세지를 무시하고 싶을때 try, except 구문을 사용해서 오류를 예외적으로 처리하는것. 1.2 예외 처리 기본 구조 try: ... except: ... try문이 실행되는 중에 오류가 발생하면 except문이 실행된다 try문이 실행되는 중에 오류가 발생하지 않으면 except문이 실행되지 않는다 예제1: try 구문 실행 try문이 실행되는 중에 오류가 발생하지 않으.. 2022. 3. 23.
[파이썬] 파이썬 에러 종류 9가지 ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 7. 파이썬 예외처리 Exception(1-1) Exception(1-2) 파이썬 에러 종류 파이썬에서는 프로그램이 잘못 동작하는것을 막기 위해 에러메세지를 사용자에게 표시해준다. 아래는 우리가 흔히 볼 수 있는 파이썬 에러 종류다. SyntaxError: 파이썬 문법을 지키지 않았을때 발생하는 에러 NameError: 참조할 이름이 없을때 발생하는 에러 ZeroDivisionError: 어떤수를 0으로 나누려고할때 발생하는 에러 IndexError: 인덱스의 범위를 초과했을때 발생하는 에러 KeyError: 딕셔.. 2022. 3. 23.
[자바스크립트] 프로토타입과 클래스의 차이점 자바스크립트는 2015년 6월에 여러가지 새로운 기능이 추가된 큰 업데이트를 하게됩니다. 이 업데이트를 에크마 스크립트 프로그래밍 버전 6(version 6 of the ECMA Script programming language) 줄여서 ES6라고 부릅니다. ES6이전 자바스크립트에서는 클래스가 없었고 프로토타입(prototype)이라는 문법을 사용해 새로운 객체를 찍어내는 템플릿을 만들었습니다. 1. 객체를 찍어내는 템플릿 프로토타입, 클래스가 필요한 이유 아래의 코드와 같이 name이라는 키를 가지고 있고 farewell()이라는 함수를 가지고 있는 4개의 각기다른 person이라는 객체를 만든다고 가정해보자. person1 = { name: 'John', farewell: function (){ c.. 2022. 3. 23.
[HTML/문제해결] 라디오버튼이 여러개 선택될때 해결 방법 (라디오버튼 다중선택 방지방법) ❓ 문제내용 일반적으로 라디오버튼은 여러 버튼 중에 하나만 선택이 가능하고, 체크박스버튼은 여러 버튼 선택이 가능하다. 라디오버튼을 만들었는데 다중선택이 된다면. ❗️ 해결방법 input 태그에 있는 name의 속성을 다른 input 태그와 같은것으로 사용했는지 확인해보자. 같은 라디오버튼에 속한다면 모든 input에 name의 속성값은 같아야한다. 아래 코드는 name="funding"이라는 값이 모든 input에 있다. 신생 5년 이상 10년 이상 2022. 3. 23.
[깃] git init, add, commit 정리 ⚠️ 이 포스팅은 핵심 쏙쏙 Git을 공부하고 정리한 블로그 포스팅입니다 ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 1주차 1-4 버전관리와 commit - 개념탑재 1-5 버전관리와 commit - 실습 01 1-6 버전관리와 commit - 실습 02 1-7 버전관리와 commit - 정리 1. git 작업 순서 1) git init: initialize의 약자로 컴퓨터에 있는 프로젝트를 Git이 관리하는 프로젝트로 설정 2) git add: commit에 반영할 파일을 선택 3) git commit: 현재 프로젝트의 상태를 저장 1. git add commit 하기 위한 파일만 선택하는 것을 add 또는 staging이라고 한다 즉, 작업 디렉토리의 변경 내용을 스테이징 영역에 추가하기 위해 .. 2022. 3. 22.
[깃] Mac에서 숨긴 깃파일 보여줄때 단축키 cmd + shift + . 2022. 3. 22.
[자바스크립트/한줄정리] 돔 트리 (DOM Tree)란? DOM의 구조가 부모와 자식 요소로 구분되는 나무와 같은 형태와 같다고 해서 이름이 붙여졌다 2022. 3. 22.
[자바스크립트/한줄정리] 문서 객체 모델(DOM)이란? HTML 요소 하나하나를 객체로 생각하는 모델 모든 요소를 자바스크립트로 조작하기 위해 HTML 문서를 객체로 해석하는 방법 웹 문서의 텍스트, 이미지, 표 등 모든 요소를 모두 객체로 접근하고 조정하는 것 2022. 3. 22.
[웹개발] 클라이언트와 서버의 동작개념 ⚠️ 이 포스팅은 스파르타코딩클럽 리액트 기초반을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 1주차 1-3 프론트엔드 기초지식 1. 클라이언트와 서버 1.1 클라이언트 사용자가 웹사이트를 보는 도구(휴대폰, 아이패드, PC)를 클라이언트라고 한다 클라이언트는 서버에서 받아온 데이터를 화면에 그려준다 1.2 서버 사용자가 보는 웹사이트에 뿌려줄 데이터를 만들어서 보내주는 장치를 말한다 2. 웹의 동작 개념 2.1 HTML을 받는 경우 2.1.1 HTML을 받는 경우 웹 동작 순서 1) 클라이언트가 서버에 요청을 보낸다 2) 서버는 요청받은 HTML을 클라이언트에 보내준다 3) 브라우저는 받은 HTML을 그려준다 2.1.2 클라이언트는 어디에 요청을 보낼까? 서버가.. 2022. 3. 22.
[Shell] 터미널에서 어떤 쉘을 사용하고 있는지 확인하기 (zsh, bash) 터미널에 아래의 코드를 입력한다 echo $0 2022. 3. 22.
[Shell] zsh를 bash로 변경하기, bash를 zsh로 변경하기 zsh를 bash로 변경하기 $ exec bash bash를 zsh로 변경하기 $ exec zsh 2022. 3. 22.
[웹개발/한줄정리] 웹개발에서 배포(Software Deployment)란? 웹 개발에서 배포란 로컬환경에서 웹사이트를 동작하게 하는 것이 아닌 실제로 호스팅을 받고 도메인을 연결해 실사용할 수 있게 하는 것을 의미한다. 2022. 3. 22.
[파이썬] 클래스 (인스턴스란, 클래스 인스턴스 선언하고 사용하기) ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 6. 파이썬 클래스 및 모듈, 패키지 Class(1-1) Class(1-2) Class(1-3) 1. 클래스 1.1 클래스란 클래스는 오브젝트를 만들기위한 템플릿이다 여기서 클래스를 사용해 만든 오브젝트를 인스턴스라고 한다 인스턴스는 클래스에 있는 속성과 함수를 상속받는다 클래스에 있는 속성을 프로퍼티, 함수를 메소드라고 한다 파이썬에 있는 모든 데이터는 오브젝트이므로 클래스도 오브젝트이다 모든 클래스는 오브젝트를 상속받는다 # 클래스가 오브젝트를 상속받기 때문에 아래와 같이 클래스를 선언한다 # (object)는.. 2022. 3. 21.
[파이썬] 사용자의 입력값을 가져오는 input 함수 ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 5. 파이썬 함수 및 입력 input(2-1) 1. input() 함수 input("질문내용") 사용자에 입력값을 받아와 출력해주는 함수 input함수의 첫번째 파라미터는 문자열형태로 사용자에게 물어볼 질문 내용을 적는다 input으로 받아온 값은 무조건 문자열이다 1.1 예제1: input으로 사용자에게 값 받아오기 # 받아온 값은 변수에 할당된다 firstName = input('enter your first name >>> ') lastName = input('enter your last name >>> ').. 2022. 3. 21.
[파이썬] 함수 (중첩함수, enumerate함수, 팩킹, 언팩킹, 람다함수) ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 5. 파이썬 함수 및 입력 function(1-1) function(1-2) function(1-3) 1. 함수 선언과 실행 1.1 함수 선언 def functionName(par): 1.2 함수 실행 functionName(arg); 예제1: 함수에 파라미터가 있을때 # 함수 선언 def funcBasic(name): print('Hello', name) # funcBasic()이라는 함수에 전달해줄 값 설정 python = 'Python' # 함수 실행 funcBasic(python) # Hello Python.. 2022. 3. 21.
[파이썬] while문 (break문, continue문, while else문) ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 4. 파이썬 흐름 제어 while (3-1) 1. while문 기본문법 while이 True면 실행하고 False면 실행하지 않는다. while True 실행문 while False 실행문 예제 1 n값이 항상 0이상이므로 실행문이 무한반복된다 n = 5 while n > 0: print(n) 예제 2 a값이 항상 True이므로 실행문이 무한반복된다 a = ['Alpha', 'Gamma', 'Delta'] while a: print(a) 2. break문 break를 만나면 while문을 종료한다 n = 5 whi.. 2022. 3. 21.
[깃/깃허브] 깃(Git), 깃허브(Git Hub)란? ⚠️ 이 포스팅은 핵심 쏙쏙 Git을 공부하고 정리한 블로그 포스팅입니다 ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 1주차 1-3 Git 은 뭐고, Github 은 무엇인가요? 1. 깃 (Git) 깃이란 파일을 추적해 변경사항을 알아내는 버전 관리 시스템이다. 개발자들이 다른 개발자들과 함께 협업하여 소프트웨어를 만들기 위해 사용된다. 1.2 깃의 장점 버전 관리를 할 수 있다 모든 변경사항에 관한 히스토리를 볼 수 있다 협업해서 하나의 프로젝트를 완성할 수 있다 2. 깃허브 (GitHub) Github는 Git으로 된 프로젝트의 저장 공간을 제공하고 그 이외에도 다양한 부가기능을 제공한다 (프로젝트 관리 툴, 개발자 커뮤니티 등) 2022. 3. 21.

티스토리툴바