키모스토리

var, let, const의 차이점중복 선언과 재할당스코프 범위호이스팅중복 선언과 재할당varvar a = 5; console.log(a); // 5var a = 10;console.log(a); // 10a = 15;console.log(a); // 15var 에서는 중복 선언과 재할당이 모두 가능하다.마지막에 할당된 값이 최종으로 변수의 값으로 저장된다.letlet a = 5;let a = 10;cnosole.log(a); // SyntaxError: Identifier 'a' has already been declaredlet 에서는 중복 선언을 허용하지 않는다.중복 선언을 할 경우 SyntaxError 가 발생하게 된다.let a = 5;console.log(a); // 5a = 10;conso..

react 프로젝트가 실행이 되면 home\src\index.js  파일이  실행이 됨 코드를 보면 root element를 찾아서 root.render() 안에 있는 컴포넌트를 실행하도록 되어 있음 const root = ReactDOM.createRoot(document.getElementById('root'));root.render( ); 이때  /pulbic/index.html 파일 안에 있는 안에 의 내용을 삽입해 준 뒤에 브라우저로 랜더링이 된다.  /publc/index.html tag. To begin the development, run `npm start` or `yarn start`. To create a productio..

필요사항 Node.js v14.0.0 이상npm v6.14.0 이상VS Code  #  사용법$ npx create-react-app  # 실제 사용 예제$ npx create-react-app my-app # 경로변경 (change directory)$ cd my-app # 애플리케이션 실행$ npm start 리액트 웹개발을 위한 기본 템플릿이 설치되고 샘플 페이지가 실행이 된다. 예) D:\ReactHome\my-app 경로로 프로젝트를 생성하려면1. vscode => Open Folder 경로를 D:\ReactHome\ 지정하여 오픈2. Terminal > New Terminal 선택 하여 터미널창 열기 3. npx create-react-app my-app 입력 엔터 4. 설치 완료 확인  - ..

React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있습니다.싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다.  리액트의 장점빠른 업데이트 & 렌더링 속도Virtual DOM Component-Based - 재사용성(Reusability) - 개발 기간이 단축됨 - 유지 보수가 용이함모바일앱 개발에 용이함 (React Native) 리액트의 단점방대한 학습량 - Virtual DOM, JSX, Componet, State, Props 등등의 새로운 개념높은 상태관리 복잡도

웹에서 SPA는 Single Page Application의 약자로, 단일 페이지 애플리케이션을 뜻합니다. 서버로부터 새로운 페이지를 불러오지 않고, 현재 페이지를 동적으로 다시 작성하여 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말합니다.  SPA의 장점은 다음과 같습니다.  배포가 간단합니다웹 애플리케이션에 필요한 모든 정적 리소스를 최초에 한번만 다운로드합니다전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이 발생하지 않습니다네이티브 앱과 유사한 사용자 경험을 제공합니다SPA의 단점은 다음과 같습니다.  초기 구동 속도가 상대적으로 느립니다검색엔진 최적화(Search Engine Optimization, SEO) 이슈가 있습니다SPA는 모바일의 중요성이 커지면서 모바일 ..

웹에서 CSR은 Client Side Rendering의 약자로, 클라이언트 측에서 페이지를 렌더링하는 방식을 의미합니다.  CSR의 특징서버에서 페이지를 미리 준비해 보여주는 것이 아닌, 사용자의 브라우저에서 동적으로 생성되어 렌더링 됩니다  서버로부터 받아온 데이터를 클라이언트에서 JavaScript를 통해 동적으로 조작하여 렌더링합니다  모든 로직, data fetching, templating 및 라우팅은 서버가 아닌 클라이언트에서 처리합니다  CSR과 비교되는 방식CSR과 비교되는 방식으로는 서버에서 페이지를 미리 준비해 보여주는 Server Side Rendering(SSR)이 있습니다  SSR은 인터넷 연결이 느린 사용자에게 유익할 수 있습니다  렌더링이란?렌더링이란 HTML, CSS, Ja..

C# WinForms 기반의 메모 관리 프로그램을 제작하겠습니다.이 프로젝트는 C# .NET WinForms을 사용하며, JSON 파일을 활용한 메모 저장/불러오기 기능을 포함합니다.🔹 기능 요구사항메모 추가 – 사용자가 입력한 메모를 저장메모 삭제 – 선택한 메모를 삭제메모 목록 조회 – 저장된 메모를 리스트에서 확인메모 저장 – JSON 파일(notes.json)에 저장메모 불러오기 – 프로그램 실행 시 기존 메모 불러오기 📌 프로젝트 구조 MemoApp/ ├── FormMain.cs (메인 폼 - UI) ├── NoteManager.cs (메모 데이터 관리) ├── Note.cs (메모 모델) ├── notes.json (메모 데이터 ..

https://youtube.com/playlist?list=PLUZ5gNInsv_O7XRpaNQIC9D5uhMZmTYAf&si=x-ST-pyc6o_1NJ1b 유니티 C# 강좌유니티로 배우는 C# 강좌www.youtube.com 1. 변수2. 자료형3. 함수4. 접근 지정자 (private, public, protected)5. 연산자6. 조건문7. 반복문8. 배열9. 컬렉션 (ArrayList, Hashtable, Queue, Stack) 10. 네임스페이스 (협업, using)11. 구조체12. 델리게이트 (다중메서드호출)13. 상속 14. 프로퍼티 (get; set;)15. 인덱서 (인스턴스 자체를 인덱스로 이용하기)16. 인터페이스 17. 형식 매개 변수 T18. 람다식19. Action 과 Fu..

알버트 아인슈타인 (Albert Einstein) 이론 물리학자로, 상대성 이론의 창시자 "In the middle of difficulty lies opportunity." 어려움의 중간에는 기회가 있다. 어려운 상황에서도 우리는 새로운 가능성을 찾아낼 수 있다는 희망을 주는 말. 헬렌 켈러 (Helen Keller) 장애를 극복하고 소외된 이들을 위해 헌신한 미국의 사회운동가, 작가 "Although the world is full of suffering, it is also full of overcoming it." 세상은 고통으로 가득하지만, 그 고통을 극복해 나가는 이야기로도 가득하다. 어려움을 이겨낼 수 있는 힘이 존재한다는 의미. 마크 트웨인 (Mark Twain) 미국의 작가로, '톰 소여..

JAVA코드를 작성하고 결과를 출력해 보기 위해 모니터 (명령프롬프트, 터미널, 콘솔)에 값을 출력 할 수 있다. 1. System.out.print(리터럴 또는 변수); 괄호 안에 리터럴 과 변수를 조합하여 출력함. (출력 후 줄 바꿈 없음) public class MainClass { public static void main(String[] args) throws Exception { System.out.print(100+"\n"); System.out.print(100+100+"\n"); int a = 100; int b = 200; System.out.print(a + "+" + b + "=" + (a+b)+"\n"); } } 결과 (\n 줄봐꿈에 해당하는 특수문자를 포함하여 줄바꿈이 되어서 출..

자바에서는 문자열을 저장하기 위해 String 타입을 제공한다. String 타입은 기본 타입이 아닌 참조 타입이다. String 타입에 값을 저장할 때는 쌍따움표("문자열") 사이에 문자열을 입력하여 대입한다. String var1 = "A"; String var2 = "홍길동"; 문자열 내부에 역슬래쉬(\)가 붙은 문자를 사용할 수 있는데 이를 이스케이프 문자라고 한다. 이스케이프 문자 \" " 문자를 포함 \' ' 문자를 포함 \\ \ 문자를 포함 \u16진수 16진수 유니코드에 해당하는 문자 포함 \t 출력 시 탭만큼 띄움 \n 출력 시 줄바꿈(라인피드) \r 출력 시 캐리지 리턴 문자열을 기본 타입으로 변환 프로그램에서 문자열을 숫자 타입으로 변환하는 경우가 많이 발생한다. 문자열을 기본 타입으..

1. 자동 타입 변환 자동으로 타입 변환이 일어나는 것으로, 값의 허용 범위가 작은 타입이 범위가 큰 타입으로 대입 될때 자동으로 발생한다. 기본 타입을 허용 범위 순으로 나열 하면 아래와 같다. byte < short, char < int < long < float < double byte byteValue = 10; int intValue = byteValue; //byte 에서 int 타입으로 자동 타입 변환이 발생 정수 타입이 실수 타입으로 대입될 경우 무조건 자동 타입 변환이 된다. 실수 타입은 정수 타입보다 허용 범위가 크기 때문 long longValue = 5000000000L; float floatValue = longValue;// 5.0E9f 로 저장 double doubleValue..