[Mac] React & Typescript 개발 환경 설정

이미지
[Mac] React & Typescript 개발 환경 설정 Mac OS에서 React와 Typescript 개발 환경 설정에 관하여 알려드리고자 합니다. 여러 방법으로도 설정 할 수 있지만, 그 중 yarn으로 설정하는 과정을 알려드리겠습니다.  1. node.js 설치 ( https://nodejs.org/ko/download/ ) 터미널에서 node.js 설치 확인 node -v 설치가 안되어 있는 경우 위 링크를 통해 다운로드 받아 설치합니다. 설치 후 위의 코드로 확인합니다. 2. Homebrew 설치 ( https://brew.sh/ ) 터미널에서 Homebrew 설치 유무 확인 brew -v 설치가 안되어 있을때 아래 코드를 입력 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" 3. yarn 설치 ( https://classic.yarnpkg.com/en/docs/install#mac-stable ) Homebrew 설치 후 터미널에서 아래 코드를 입력 brew install yarn 4. React 설치 및 프로젝트 생성 ( https://create-react-app.dev/docs/getting-started/ ) yarn create react-app my-app --template typescript my-app은 폴더 명으로 작업하실 프로젝트 명으로 수정하시면 됩니다.

[Algorithm] Unit 01,02

알고리즘 Unit 01, 02 1.  임의의 시험 점수를 입력(혹은 랜덤으로)받아 90 ~ 100점은 A, 80 ~ 89점은 B, 70 ~ 79점은 C, 60 ~ 69점은 D, 나머지 점수는 F를 출력하는 프로그램을 작성하시오. import java.util.Scanner; public class Unit01 { public static void main(String[] args ) { Scanner sc = new Scanner(System. in ); System. out .print( "점수는?" ); int score = sc .nextInt(); sc .close(); // 랜덤으로 처리 // int score = ( int )(Math.random()*100); //System.out.println("점수: "+score); if ( score >= 90) { System. out .println( "A" ); } else if ( score >= 80) { System. out .println( "B" ); } else if ( score >= 70) { System. out .println( "C" ); } else if ( score >= 60) { System. out .println( "D" ); } else { System. out .println( "F" ); } } } 2. 안녕하세요 를 5번 출력 하자 public class Unit02 { public static void main(String[] args ) ...

[Error, Java] nested exception is java.lang.IllegalStateException

Error 내용 nested exception is java.lang.IllegalStateException: Optional int parameter 'parameter name(파라미터 명)' is present but cannot be translated into a null value due to being declared as a primitive type. Consider declaring it as object wrapper for the corresponding primitive type. 해결방법 html 페이지 쪽에서 넘어오는 parameter 명과 Cotroller쪽으로 넘어오는 parameter 명이 동일한지 확인해야 합니다.

[Git, Git Bash] Git Bash 명령어

Git Bash 사용법 및 명령어 Git Bash를 사용할 때 기본적으로 알고 있으면 좋은 명령어들로 정리했습니다.  조금 더 깊은 내용을 알고 싶으시거나 다른 기술을 더 사용하시고 싶으신 분들은 git Bash에  명령어 --help 를 이용하면 자세한 내용이 작성되어 있는 사이트로 연결되오니 참고 바랍니다. Git 홈페이지에서 Git를 다운로드 후 기본 설정으로 설치를 하면 Git Bash가 같이 설치 됩니다. Git Bash가 없으시다면 아래 링크남긴 Git 사이트에서 다운로드 받으시면 됩니다.  Git 다운로드 :  https://git-scm.com/ Git Bash는 git를 관리하는 명령줄 인터페이스(Command-Line Interface)로 유닉스 셸 환경으로 생각하시면 됩니다.  Git Bash 명령어 git init : 버전관리할 폴더 설정 .git : git repository git status :  git add : add to staging area / 업로드 할 파일 및 폴더 추가 git commit : 업로드 완료 git commit -m "message" git commit -am "message" : add와 commit 한번에 적용 git commit --amend : 버전 이름 변경 log 관련 명령어 git log : Git에 등록한 버전들 log를 보여줌 git log --stat git diff : Show changes git log -p : log에서 변경된 부분을 보여줌 q + enter : log 화면 빠져나가기 git log --graph : log를 그래프로 보여줌 git log --oneline  git log --all --graph --oneline branch 관련 명령어 git checkout : head 위치 변경 / bran...

[Error, JSP] Illegal modifier for the variable 변수명; only final is permitted 오류 발생시

Illegal modifier for the variable 변수명; only final is permitted  JSP에서 스크립트 오류 발생 시 위와 같은 오류가 발생했을 경우 <!% %>선언부(Declaration)로 작성하였는지 확인해야한다. JSP의 스크립트 요소 3가지 1. 스크립트릿(Scriptlet) JSP 페이지에서 자바 코드를 실행할 때 사용되는 코드의 블록이다. <%   자바코드; %> 2. 표현식(Expression) 어떤 값을 출력 결과에 포함시키고자 할 때 사용된다. <%=  값  %> 3. 선언부(Declaration) JSP 페이지의 스크립트릿이나 표현식에서 사용할 수 있는 함수를 작성할 때 사용된다. <%! public 리턴타입 메서드이름(파라미터목록) {   자바코드1;   자바코드2;   ...   자바코드n;   return 값; } %> 참조 최범균의 JSP2.2웹프로그래밍 기초부터 중급까지 

[Java] 기본으로 알고 있어야 할 Java 용어 정리

이미지
Java를 배우기 시작하면서 모르는 용어가 많아 공부할 때 참조하면서 볼 수 있게 정리하였습니다. 현재까지 배운 부분까지만 정리하였고 추후 배운 내용들은 추가로 정리 후 업로드 예정입니다. Java 기본 용어 정리 Object( 객체 ) 현실   세계의   사물이나   대상을   프로그램상에서   표현되었음을   강조할   때 Ex. " 과일장수를   하시는   옆집   철수   아버님을   의미하는   객체를   생성한다 . " Class( 클래스 ) 객체를   생성하기   위한   틀 클래스   안의   구성   멤버 =  필드 ( 변수 ),  생성자 ,  메소드 Instantiation( 인스턴스화 ) 객체를   생성하는   행위 Instance( 인스턴스 ) 생성이   된   객체 ,  클래스라는   틀을   기반으로   실제화   된   대상 Ex. " 클래스  FruitSeller 의   인스턴스를   두   개   생성한다 . " Reference( 참조 ) New 에   의해   반환되는   주소   값 ( 참조변수가   저장하고   있는   값 ) Variable( 변수 )  :  임의의   기억공간  =  필드 Parameter( 매개변수 ) 필드 ( 속성 ) 랑 메서드 ( 동작 ) 가 합쳐진게 객체 객체 = 속성 + 동작  /  속성이랑 동작 둘중 하나만 있어도 객체가 될 수 ...

[English] 문법 기본기 문장의 5형식(1,2,3,4,5형식)

이미지
문장의 기본 요소에 이어 문장의 5형식을 정리하고자 합니다. 문장의 5형식을 파악해야 영어 지문을 읽을 때 해석이 이상하게 되는 것을 예방할 수 있게 되므로 꼭 이 부분은 알고 영어 공부를 하셨으면 합니다. 영어 회화에서도 문장의 5형식을 모르면 상대방이 하는 말을 의역하는 상황이 발생하여 소통이 안될 수 있습니다. 그렇기 때문에 5형식은 꼭 알고 있어야 하는 영어의 기본 중 하나 입니다. 시작하기 앞서 주어, 동사, 목적어, 보어가 이해 안되신다면 아래 링크의 문장의 기본 요소를 다시 한번 읽어보시길 바랍니다. 2. 문장의 5형식 영어는 주어(S) + 동사(V)만 있으면 문장을 만드는 게 가능합니다. 하지만 그냥 주어 + 동사만 가지고 문장을 만들어서 사용해보면 더 자세하게 설명이 필요한 거 같다라는 느낌을 받을 겁니다. 그때 문장의 형식으로 문장을 구성하여 만들면 문장의 설명을 자세하게 할 수 있어 집니다. 시작 전 약어 설명 주어 : S 동사 : V 보어 : C 목적어 : O 자동사 : 동사가 나타내는 동작이 주어에만 미치는 동사 타동사 : 동작의 대상인 목적어를 필요로 하는 동사 1 형식(자동사 / 완전 자동사) 형태 : S + V 예시 : I go to school = I + go (to school) 해석 : 나는 학교에 간다. = 나는 + 간다 (학교에) - 1형식은 주어 + 동사 만으로도 완전한 의미를 갖습니다. 1형식 뒤에 수식어가 길게 오더라도 보어나 목적어로 알면 안됩니다. 예시의 to school이 수식어입니다. 2 형식(자동사 / 불완전 자동사) 형태 : S + V + S.C 예시 : You look happy = You + look + happy   해석 : 너는 행복해 보인다. = 너는 + ~처럼 보인다  + 행복 - 2형식은 주어 + 동사 뒤에 보어가 추가된 문장입니다. 여기서 S.C는 S : 주어 C :보어로 주격 보어라는 의미를 가지고...