분류 전체보기

[React + Node 같이 때려잡기] (3) 리액트 클래스 컴포넌트, 라이프 사이클

0. 한눈에 비교하는 클래스 컴포넌트 vs 함수 컴포넌트 1. 클래스 컴포넌트 생성 shortCut : rcc (함수 컴퍼넌트 생성은 : rafce : react arrow function component export) import React, { Component } from 'react' export default class AppClass extends Component { render() { return ( AppClass ) } } function이 class로 바뀐 것을 볼 수 있다. AppClass.js : 클릭수를 보여주는 버튼 그리는 예제 import React, { Component } from 'react'; import './App.css'; export default class ..

[React + Node 같이 때려잡기] (2) 리액트 가위바위보 게임

리액트 가위바위보 게임 Box 2개 만들기(나 버전, 컴퓨터 버전) src 아래에 component 폴더 만들고 Box.js 만들어줌 컴포넌트 생성 단축키 : 컴포넌트 만드는 단축키 : rafce 단축키가 안나올 경우 설치 extention 컴포넌트 만들시 주의사항: 컴포넌트 이름은 반드시 대문자로 시작 리액트가 컴포넌트와 일반 HTML태그(,등..)을 구별하는 방법은 태그가 대문자로 시작하는지 여부이다 따라서 소문자로 시작을 하면 일반 HTML태그로 분류해버리기 때문에 반드시 첫 글자는 대문자로! App.js / Box.js / App.css 코드 (1) 유저가 선택할 수 있는 가위, 바위, 보 버튼 (2) 유저가 선택한 가위, 바위, 보 이미지가 보여지는 UI 세팅 (3) 컴퓨터 출력 가위, 바위, ..

[React + Node 같이 때려잡기] (1) 리액트의 컨셉 state

React! 는 값의 변화에 react 반응하다란 컨셉에 걸맞게 변수 값이 바뀔 때 마다 getElementById~ innerText~ 일일히 해주던걸 해주지 않아도 된다. 값이 변하면 UI도 자동으로 바꿔준다. -> State state가 변하면 UI가 변하게 한다. 터미널 프로젝트 만들고 싶은 폴더 생성 mkdir react-test cd react-test npx create-react-app 폴더명 나같은 경우는 npx create-react-app rsp 로 함 생성하는데 시간 좀 걸림. cd rsp code . 하면 바로 세팅된 비쥬얼 스튜디오 코드 프로젝트가 열린다. 1. App.js App.css 정리 App.css 파일 안에 있는 모든 내용 지워준다. 아래와 같이 정리해준다. impor..

[VSCode] [JAVA] 비쥬얼 스튜디오 코드에서 자바 패키지 설정하기

비쥬얼 스튜디오코드로 자바를 하기 위해 아래 포스팅을 참고하였다. https://rebornbb.tistory.com/entry/JAVA-vscode-package-%EB%A7%8C%EB%93%A4%EA%B8%B0 [JAVA] vscode 상위하위 packaging 만들기 1.ctrl+shift+p [커맨드창] java를 타이핑하면 java 관련된 명령어들이 보이는데, java: Create Java Project 을 선택해준다. 2.No build tools를 선택해준다. 3.그럼 파일탐색기가 열리는데, 이건 어디에 java project rebornbb.tistory.com 1. 비쥬얼 스튜디오 코드 열고 ctrol + shift + p 를 누른뒤 커맨드 입력 : create java project ..

[리팩터링 2판] 12.10 서브클래스를 위임으로 바꾸기(예제 2)

위임 포인트 : 클래스 내의 스태틱한 팩토리 메서드 or 최상의 function, 자식-부모 연결을 제거 한 후 각각 인스턴스 생성 2. 예시2: 서브 클래스가 여러 개일 때 아래와 같은 코드가 있다고 가정한다. 이 코드는 곧 야생 조류와 사육 조류를 구분 짓기 위해 크게 수정할 예정이다. (이 차이를 WildBird와 CaptiveBird라는 두 서브클래스로 모델링하는 방법도 있다) 상속은 한번만 쓸 수 있으니 야생과 사육을 기준으로 나누려면 종에 따른 분류를 포기해야 한다. function createBird(data) { switch (data.type) { case '유럽 제비': return new EuropeanSwallow(data); break; case '아프리카 제비': return n..

[리팩터링 2판] 12.10 서브클래스를 위임으로 바꾸기

이번 리팩터링의 예시는 이전 예시들 보다 훨씬 길다 1. 예시1 : 서브 클래스가 하나일 때 공연 예약 클래스 //예약 클래스 class Booking { constructor(show, date) { this._show = show; this._date = date; } get hasTalkBack() {//프리미엄일 경우, 오버라이드 //일반 예약은 공연 후 관객과의 대화 시간을 성수기가 아닐 때만 제공한다. return this._show.hasOwnProperty('talkback') && !this.isPeakDay; } get basePrice() {//프리미엄일 경우, 오버라이드 let result = this._show.price; if (this.isPeakDay) { result += ..

대리자와 이벤트(2)

https://youtu.be/HNX_FZBU_wA 이벤트 (Event) - c#에서 객체의 사건을 표현하는 형식 - 이벤트 처리기(Evnet Handler) : 이벤트 발생시 실행되는 메소드 - 동작 원리는 대리자와 유사 * 이벤트는 외부에서 직접 '호출'할 수 없음. 객체의 은닉성 표현을 위해 - 대리자를 event 한정자로 수식하여 선언

[VS Code C#] C# : Visual Studio Code C#용 터미널 명령

닷넷 설치 후, 프로젝트 내 터미널에서 다음과 같이 찍어보았다. % dotnet Usage: dotnet [options] Usage: dotnet [path-to-application] Options: -h|--help Display help. --info Display .NET information. --list-sdks Display the installed SDKs. --list-runtimes Display the installed runtimes. path-to-application: The path to an application .dll file to execute. pc-007@PC-007ui-Macmini c-shrap-test % dotnet new console .NET 7.0을(를..

[비쥬얼스튜디오코드, MAC] zsh: command not found: dotnet on Mac

https://github.com/dotnet/sdk/issues/22910 zsh: command not found: dotnet on Mac m1 · Issue #22910 · dotnet/sdk I have macOS 12.0.1 When I open a project on visual studios, the message says that I need to install .net core 3.1. But when I download it, nothing changes and I still cannot run the the command do... github.com 비쥬얼 스튜디오 코드에서 c#을 다뤄보고 싶어서, 이리저리 환경설정하다가 zsh: 명령을 찾을 수 없음 에서 막혀서 이리저리 구글링해..

[mac] Mac에서 /usr/local/bin에 액세스하는 방법

https://tttap.tistory.com/144 [ 맥 macOS ] 맥북 숨김 파일, 숨겨진 폴더 보기 해제 방법 - 단축키 숨겨저 있는 폴더나 숨긴 파일을 보기 위해서는 다음 명령어를 입력해야 합니다. 반대로 끄려면 NO 값으로 설정해 주면 됩니다. 하지만 이렇게 하면 터미널에서 매번 해줘야 하고 번거럽죠. 최근 tttap.tistory.com 1.macOS 숨김 파일 보기 숨김 파일을 볼 수 있어야 한다