
2025 / 01 / 02 > 2024년 12월 31일 커리큘럼 개강을 하고 직업전문학교에 다니게 되었다.첫날에는 공부 방법 및 코딩에 대한 인식 개선 수업을 했다.두 사람이 짝을 이루어 서로 질문하고 논의하며 학습하는 방식으로 진행되는 공부 방법다큐멘터리를 보여주시

2025 / 01 / 03 > 오늘은 깃허브와 비주얼스튜디오코드 연동 방법과 자바스크립트의 기본에 대해 배웠다. 나는 대학교 생활을 하며 다양한 프로젝트를 할 때 깃허브를 접해본 적이 없어서 너무 신기했다. 오늘 깃허브 아이디도 만들고 깃허브 저장소에 원격 저장 방

2025 / 01 / 06 > 호이스팅과 undefined에 대해 최종 정리해보자!저번 시간에 배운 호이스팅과 undefined에 대해 헷갈리는 부분이 있어서 개념과 특징을 정리해봤습니다!변수 선언과 함수 선언이 코드 실행 전에 자바스크립트 엔진에 의해 끌어올려지는 현

2025 / 01 / 06 > 오늘은 저번 시간에 했던 내용을 복습하는 시간을 가졌습니다. let과 var의 차이를 이해하고, 스코프와 백틱(`)을 사용하여 정의되는 문자열인 템플릿 리터럴에 대해 배웠습니다. 💌 let / var > let과 var는 변수를 선언할

2025 / 01 / 07 > 오늘은 지금까지 배운 내용을 활용해서 간단한 계산기를 만들었습니다.prompt로 숫자1 / 숫자2 / 연산자를 입력받고 계산 결과 값을 화면에 출력하는 계산기변수 초기화사용자에게 숫자를 입력 받기사용자에게 연산자를 입력 받기계산에 사용할

2025 / 01 / 08 > 오늘은 웹 퍼블리싱의 기초와 연산자 / undefined와 Null에 차이에 대해 배웠습니다. 그리고 자바스크립트 자료형에 대한 간단한 실습 예제를 풀었습니다. undefined와 Null과 실습 예제 풀이에 대해 간략히 풀이를 작성해보겠

2025 / 01 / 09 > 오늘 수업시간에는 지금까지 배운 연산자에 대해 실습 예제를 풀어보았습니다. 특히 대입연산자 / 복합 대입 연산자 / 증감연산자 / 논리연산자를 활용했습니다. 예제 문제를 풀어보고 스크립트 외에도 HTML과 CSS로 화면을 꾸며보았습니다.

2025 / 01 / 10 > 오늘은 조건연산자의 단축평가에 대해 배웠습니다. 실습을 할 때 if문 같은 조건문이나 for, while문과 같은 반복문은 사용하지 않고 오로지 조건연산자와 단축평가를 응용해서 문제를 해결할 수 있도록 하였습니다.

2025 / 01 / 13 > 오늘 수업에서는 조건문에 대해 배웠습니다. 조건문의 특징에 대해 배우고 실습 예제를 풀어보는 시간을 가졌습니다. 조건문은 **특정 조건에 따라 코드를 실행**하거나 **건너뛰도록 제어**하는 데 사용됩니다.

2025 / 01 / 14 > 오늘 수업시간에는 그동안 배운 연산자들과 조건문을 활용하여 선택지 게임을 만들었습니다. 각자가 스토리를 정하고 순서도도 그려보며 다시 한 번 조건문에대해 정리하는 시간을 가졌습니다. 되도록이면 삼항 조건 연산자 사용을 권유하셨지만 저의 선

2025 / 01 /15 > 오늘은 수업 시간에 switch 조건문에 대해 배웠습니다. switch문만 사용하여 실습 문제를 풀었는데 생각보다 쉽지 않았습니다. 오늘은 switch문의 내용과 실습 예제에 대해 다루겠습니다.

2025 / 01 / 16 > 오늘 수업 시간에는 Math.random()와 Math.floor()을 이해하고 배열에 대해서 배웠습니다. 그리고 배운 내용을 활용해 간단한 실습 예제를 풀어보았습니다. 또한 code Refactoring을 하여 코드를 기능 변경은 없으면

2025 / 01 / 17 > 오늘은 수업 시간에 2차원 배열을 배웠습니다. 평소에 배열도 어려워하는데 2차원 배열까지 들어가서 조금 어렵긴 했지만 그래도 괜찮은 것 같습니다! 배열을 배운 뒤에는 간단한 응용 문제와 함께 퀴즈 게임을 만들어보았습니다.

2025 / 01 / 17 > 수업 시간에 2차원 배열을 배우고 난 뒤 응용으로 퀴즈 게임을 만들어보았습니다. 퀴즈 게임의 코드와 코드에 사용된 함수를 정리해보겠습니다. 코드에 사용된 shuffleArray( )함수를 먼저 제가 이해한 방식대로 정리하겠습니다.

2025 / 01 / 20 > 오늘은 수업 시간에 반복문에 대해 배웠습니다. while문은 사용하고 무한 루프로 응용하는 문제도 풀었습니다. 반복문에서는 for문이 익숙해서 그런가 약간 헷갈리는 부분이 있었습니다. 헷갈리는 부분은 앞으로 조심할 수 있도록 전체적으로

2025 / 01 / 21 > 오늘은 수업 시간에 for문에 대해 배웠습니다. 그 중 for문의 문법에서 in과 of를 배웠는데 of는 처음 보는 문법이었습니다. 처음에는 이해가 되고 있는건지 모르겠었고.. 이런 지식을 바탕으로 실습 예제에 적용하는게 어려웠습니다.

2025 / 01 / 22 > 오늘은 수업에서 내장 메소드와 for문 복습을 하였습니다. 그리고 어제 실습 예제에서 더 간단하게 풀 수 있는 내장 메소드를 알려주셔서 제가 작성한 코드에 적용하는 시간도 가졌습니다. 교수님께서 주신 실습 예제가 오늘은 3문제였는데, 문제

2025 / 01 / 23 > 오늘은 수업 시간에 함수에 대해 배웠습니다. 매개변수와 인수의 차이를 알고 함수를 직접 만들어서 실습 예제를 풀도록 하였습니다. 실습 예제를 풀며 이런저런 방식을 생각해보니 나름 초반보다는 실력이 올라간 것 같아 다행이었습니다.

2025 / 01 / 24 > 오늘은 수업 시간에 함수 표현식과 종류에 대해 배웠습니다. 기명 함수랑은 다르게 익명 함수와 화살표 함수가 있는데 조금 헷갈렸습니다. 익명함수는 C#에서 봤던 개념과 유사해서 이해하는 것에 큰 어려움은 없었습니다. 배운 함수를 활용해서

2025 / 01 / 31 > 오늘은 수업 시간에 받은 과제를 포스팅하겠습니다! 지금까지 배운 내용을 활용해서 블랙잭이라는 게임을 만들어보았습니다. 예외처리도 좀 있고 조건도 많아서 좀 어려웠지만! 최대한 쉽게 작성해보겠습니다.

2025 / 01 / 31 > 오늘은 수업 시간에 즉시실행함수 / 재귀함수 / 콜백함수에 대해 배웠습니다. 재귀함수는 종종 처음으로 되돌리고 싶을 때 사용해봐서 익숙했지만 즉시실행함수와 콜백함수는 모르는 부분이 더 많았습니다. 특히 즉시실행함수는 아예 처음 보는 함수

2025 / 01 / 31 > 오늘 수업 시간에는 return 키워드와 앞에 포스팅 했던 내용들을 활용해서 응용 문제와 실습 예제를 풀어보았습니다. 다양한 방식으로 문제를 풀어보니 조금은 이해가 빠르게 된 것 같습니다.

2025 / 02 / 03 > 오늘 수업 시간에는 객체의 생성 방법과 프로퍼티 접근 방법에 대해 배웠습니다. 프로퍼티에 대한 수업도 하고 중간에 메소드에 대해 알아보는 시간도 가졌습니다. 조건문이나 반복문과 다르게 객체는 많이 사용해본 것이 아니라 조금 헷갈렸습니다.

2025 / 02 / 03 > 오늘 수업 시간에는 객체 기반 언어와 클래스 기반 객체 지향 언어에 대해 배웠습니다. 객체를 사용할 때 this라는 키워드를 배우고 익숙해 질 수 있도록 문제도 풀었습니다.실습 예제를 풀면서 객체와 this키워드 / 프로퍼티 접근 등 활용

2025 / 02 / 04 > 오늘 수업시간에는 어제 배운 객체를 이어서 배웠습니다. 어제 배운 내용보다 좀 깊게 배우면서 응용 문제도 풀어보았습니다. 수업을 하는 도중 자바스크립트 옵셔널(옵셔널 체이닝)에 대한 내용도 잠깐 있었는데 뭔지 궁금하기도 해서 이번 포스팅에

2025 / 02 / 04 > 오늘은 수업 시간에 Call By Reference와 Call By Value에 대해 배웠습니다. 값에 의한 전달은 정확히 이해를 하고 있었는데 이상하게 참조에 의한 전달은 값을 변경하게 되면 두 변수가 모두 값이 변한다는 것을 까먹어서

2025 / 02 / 05 > 오늘은 배열과 객체의 구조 분해(Destructuring)에 대해 배웠습니다. 단어만 들었을 때는 이게 뭔가 싶었는데 코드를 작성할 때 사용하고 있던 부분이었습니다. 오늘 포스팅에서는 구조 분해(Destructuring)에 대해서 다뤄

2025 / 02 / 06 > 오늘 수업에서는 DOM에 대해 배웠습니다. html 파일에 자바스크립트 파일을 연결하고, 태그를 사용해 이벤트 추가 및 편집에 대해 하나씩 사용해보며 이해하는 시간을 가졌습니다. 평소에 그냥 사용하다가 어떤 식으로 작동되는지 원리를 알 수

2025 / 02 / 07 > 오늘 수업 시간에는 지금까지 배운 내용을 활용해서 문제를 풀어보는 시간을 가졌습니다. 다른 때와 다르게 이번에는 HTML과 CSS부분도 신경쓰고 객체와 DOM을 활용해서 자바스크립트를 동적으로 사용해보았습니다.

2025 / 02 / 10 > 오늘 수업시간에는 지금까지 배운 내용을 바탕으로 to-do-list를 만들었습니다. 일단 오늘은 리스트의 생성과 추가 그리고 수정 및 삭제 버튼의 구현까지 하였습니다. 하면서 수정 버튼을 구현하는데 에러가 많이 나서 힘들었지만.. 그래도

2025 / 02 / 11 > 오늘 수업 시간에는 배열 매서드에 대해 배웠습니다. 자주 사용한 메서드도 있었지만 보기만 하고 사용은 안한 메서드도 있었습니다. 배열은 순회하고 변형하는데 자주 사용된다고 하니 간결하게 정리해보겠습니다.

2025 / 02 / 12 > 오늘 수업 시간에는 배열 메서드에 대해 배웠습니다. 기본적으로 알고 있던 메서드도 있었지만 처음보는 메서드도 있었습니다. 실습 예제를 풀 때 사용해본 경험이 있어서 이해하는 것이 어렵지는 않았습니다.

2025 / 02 / 13 > 오늘 수업 시간에는 Date( ) 객체와 timer 함수에 대해 배웠습니다. 하면서 학교 수업 시간에 배웠던 게 생각나서 나름 괜찮게 수업을 따라간 것 같습니다.

2025 / 02 / 14 > 오늘 수업 시간에는 로컬 스토리지에 대해 배웠습니다. 작성한 내용이 사용자의 브라우저에 그대로 남아 있을 수 있도록 하는 기능입니다. 프로젝트에 직접 활용하는 것은 어려웠지만 기본 개념을 이해하는 건 괜찮았습니다.

2025 / 02 / 17 > 오늘 수업 시간에는 동기식 / 비동기식 프로그래밍에 대해 배웠습니다. 항상 헷갈렸었는데, 다른 사람에게 설명하면서 공부하니 조금 더 괜찮았습니다. 그 다음에는 Promise 객체에 대해 배웠습니다. 정보처리산업기사에서 개념으로만 접했던 내

2025 / 02 / 18 > 오늘 수업 시간에는 async / await의 사용과 try - catch 문의 사용 방법을 배웠습니다. 기존에 fetch함수와 then( )을 사용할 때와는 다르게 내용이 확 와닿지는 않습니다.. C# 세미나를 했을 때 내용 발표를 해본

2025 / 02 / 19 > 오늘 수업 시간에는 jQuery의 메소드에 대해 배웠습니다. 그리고 수업 도중 잠깐 라이브러리와 프레임위크라는 단어가 나왔는데, 앞으로 종종 듣게 될 것 같아서 오늘은 이 부분에 대해 함께 정리해서 포스팅하겠습니다!

2025 / 02 / 20 > 오늘 수업 시간에는 jQuery 이벤트 함수와 애니메이션을 배웠습니다. 매번 CSS로 애니메이션을 처리하던 저로써는 조금 신기하기도 했습니다. 이벤트 함수와 애니메이션에 대해 제가 이해한 내용을 바탕으로 포스팅하겠습니다.

2025 / 02 / 21 > 오늘 수업 시간에는 저번에 혼자서 사용해본 날씨 API를 교수님과 함께 사용했습니다. navigator이나 getLocation, 위도, 경도 등등 어려워 보이는 내용을 다루고 있지만 최대한 쉽게.. 정리해서 포스팅해보도록 하겠습니다.

2025 / 02 / 24 > 오늘 수업 시간에는 타입스크립트에 대해 배웠습니다. 기존에 배웠던 자바스크립트와의 다른 점과 더 유용한 점을 알 수 있었습니다. 사실 사용해본 적은 없어서 크게 와닿지는 않지만 앞으로 사용해 보기위해 자바스크립트와 타입스크립트의 차이점과

2025 / 02 / 25 > 오늘 수업 시간에는 타입스크립트에서의 Type과 Interface를 배웠습니다.다행히 작년에 했던 C오늘은 Type과 Interface의 차이에 대해 정리하여 포스팅하겠습니다.

2025 / 02 / 26 > 오늘 수업 시간에는 enum과 타입 추론하는 방법을 배웠습니다. 시스템의 상태를 관리할 때 편하게 사용할 수 있는 부분이라고 합니다. 저는 써본 적이 없어서 잘은 모르겠지만, 자주 사용된다고 하니까 정리해보겠습니다.

2025 / 02 / 27 > 오늘 수업 시간에는 타입 캐스팅과 유니온 타입에 대해 배웠습니다. 어제 수업에서 잠깐 보고 지나간 부분을 자세하게 알아보는 시간을 가졌습니다. 타입 캐스팅의 이점과 한계점 / 유니온 타입에 대해 간략하게 포스팅 하도록 하겠습니다.

2025 / 02 / 28 > 오늘 수업 시간에는 지금까지 배운 타입스크립트의 기본 개념에 대해 정리하는 시간을 가졌습니다. 이번 벨로그 포스팅에서는 기본 개념과 전체적으로 한 번 정리하고, 헷갈릴 수 있을 것 같은 부분은 조금 더 자세히 작성해보도록 하겠습니다.

2025 / 03 / 04 > 오늘 수업 시간에는 Intersection과 Type Narrowing에 대해 배웠습니다. 두 내용 다 처음 보는 내용이라 막막하긴 했지만 이해하기 위해 여러 번 읽어보았습니다. 제대로 이해한 것인지는 모르겠지만 최대한 이해하기 쉽게 정리

25 / 03 / 05 > 오늘 수업 시간에는 함수와 오버로딩, type predicate에 대해 배웠습니다. 자바를 배웠을 때도 오버로딩과 오버라이딩이 헷갈렸었는데, 이번에는 쉽게 정리해보겠습니다. type predicate는 이번에 처음 배우는 내용이라서 헷갈리는건

2025 / 03 / 06 > 오늘 수업 시간에는 class에 대해 배웠습니다. static과 getter & setter까지 배워보니까 자바를 배웠을 때가 떠올랐습니다. 그 당시에도 이 부분은 많이 헷갈려하기도 하고 어려워하기도 했어서 이번 기회에 벨로그를 작성하며

2025 / 03 / 07 > 오늘 수업 시간에는 클래스의 상속과 super 클래스의 개념과 사용 방법을 배웠습니다. super 클래스는 학교에서 수업 했을 때 듣기만 하고 넘어간 부분이라 이번에 배우면서 생소한 부분도 많았습니다. 오버라이드와 다형성은 자주 접하고 배

2025 / 03 / 10 > 오늘 수업 시간에는 타입스크립트에서의 module과 export를 배웠습니다.파일에서 작성한 코드를 외부에서 사용할 수 있도록 해주는 기능을 배우고 이 기능을 활용해 React 기초를 배웠습니다. Xd와 피그마에서 배운 컴포넌트의 개념도

2025 / 03 / 11 > 오늘 수업 시간에는 React에서 컴포넌트를 만들고 사용하는 법을 복습했습니다.정적 콘텐츠와 동적 콘텐츠에 대해 알아보고 값을 넣어보는 시간을 가졌습니다.아직까지는 캡스톤 때 사용한 React 부분이라 어려운 부분은 없고 괜찮습니다.vit

2025 / 03 / 12 > 오늘 수업 시간에는 컴포넌트를 생성하고 재 사용성에 대해 배웠습니다. 값을 동적 할당하는 두 가지의 방법(1. attribute / 2. children)을 이해하고 사용해보았습니다. 전에 배운 객체와 배열 / 구조 분해를 활용하였습니다.

2025 / 03 / 13 > 오늘 수업 시간에는 React에서 스타일을 적용하는 방법을 배웠습니다.그리고 저번 시간에 이어 컴포넌트를 만드는 방법을 다시 복습하였습니다.하루 종일 CSS 적용 방법만 배웠는데, 나름 괜찮았습니다.

2025 / 03 / 17 > 오늘 수업 시간에는 외부에서 컴포넌트로 함수를 전달하는 방법을 배웠습니다. 수업을 따라가긴 하는데 정확히 이해가 되고있는지.. 헷갈리고 있는건지 모르겠습니다. 배운 부분을 제가 이해한 내용으로 정리해서 포스팅해보겠습니다.

2025 / 03 / 18 > 오늘 수업 시간에는 리액트 훅과 useState에 대해 배웠습니다. useState를 사용해 내용을 동적으로 바꾸는 실습을 했는데, 초반에 독학으로 리액트를 공부했다가.. 포기했던 기억이..ㅠㅜ 하지만 다시 열심히 공부해보겠습니다.

2025 / 03 / 19 > 오늘 수업 시간에는 useState 복습과 함께 조건별 컨텐츠 렌더링을 배웠습니다. 조건을 거는 형식이 if가 아니라 삼항연산자라서 헷갈리는 부분도 있었습니다. 이번 내용은 주의해야할 점이 있어서 조금 자세하게 다뤄보도록 하겠습니다.

2025 / 03 / 20 > 오늘 수업 시간에는 저번 시간 내용 복습과 동적 배열 컨텐츠 렌더링을 배웠습니다. 배열을 받아오고 사용하는 과정에서 오류가 계속 생겨서 살짝 불안했지만.. 결국은 성공했습니다. 헷갈리는 부분이 많아서 차근차근 정리해보도록 하겠습니다.

2025 / 03 / 24 > 오늘 수업 시간에는 그동안 배웠던 기본적인 내용으로 투두리스트를 제작하였습니다. 투두리스트를 리액트로 제작해보니까 조금 더 이해할 수 있는 시간이었습니다. 제 나름대로 이해하기 쉽게 정리하여 벨로그에 작성해보겠습니다.

2025 / 03 / 25 > 오늘 수업 시간에는 투두리스트의 기능과 비슷한 메모장을 만들어보았습니다. 확실히 투두리스트와 구조가 비슷해서 구현하는 것에 어려움은 없었습니다. props 전달에서 헷갈리는 부분이 있어서 그 부분을 중심으로 정리해보겠습니다.

2025 / 03 / 26 ~ 27 > 오늘 수업 시간에는 CSS도 컴포넌트화 하는 방법을 배웠습니다. 배울 때는 딱히 좋은 점을 모르겠었는데, 실습을 해보니까 확실히 어떤 점이 좋은지 알 수 있었습니다. 파일을 외부에서 사용할 수 있도록 export하는 것에는 이젠

2025 / 03 / 31 > 오늘 수업 시간에는 React의 기본 hook인 useState 복습과 useEffect를 배웠습니다. 기본적인 개념만 알고 있었고, 사용 방법은 몰랐었는데 수업을 하면서 알아갈 수 있었습니다. API를 가져오기 위해 fetch 함수와 a

2025 / 04 / 01 > 오늘 수업 시간에는 React에서 날씨 API를 사용하는 실습을 하였습니다.자바스크립트 배울 당시에 했던 내용이었는데 그래도 아직 헷갈리는 부분이 있었습니다.작성한 코드를 바탕으로 최대한 이해하기 쉽게 벨로그를 작성해보겠습니다.

2025 / 04 / 02 > 오늘 수업 시간에는 React 기본 훅 중 하나인 useRef에 대해 배웠습니다.배우면서 생각했는데 Html에서 사용하는 label의 for 속성과 비슷한 역할을 하는 것 같습니다.어떤 식으로 동작하는지 배우면서 살짝 헷갈렸는데! 이해하기

2025 / 04 / 03 > 오늘은 부모 컴포넌트가 자식의 특정 요소를 접근할 수 있게 하는 방법을 배웠습니다. 사실 이거 어떤식으로 동작하는거고 왜 써야하는건지.. 잘모르겠습니다..ㅎㅎ 벨로그에 천천히 정리하면서 한 번 더 공부하는 시간을 갖도록 하겠습니다.

2025 / 04 / 03 > 부모 컴포넌트에 노출할 함수나 속성을 지정할 수 있는데, 조금이 아니라 많이 헷갈리는 것 같습니다.. 어떤 식으로 동작하는지는 이해를 한 것 같아서 일단 오늘 작성한 코드와 실습 예제를 바탕으로 자세히 정리해보도록 하겠습니다.

2025 / 04 / 04 > 오늘 수업 시간에는 {JSON} Paceholder를 사용하여 API 호출 연습을 하였습니다.API 호출을 하면서.. 그냥 이해가 안되는 부분이 너무 많았습니다. 쿼리 파라미터(Query Parameter)를 사용해서 필터링을 구현했는데.

2025 / 04 / 07 > 오늘 수업 시간에는 저번 시간에 만든 간단한 블로그를 CSS 프레임워크인 Tailwind CSS를 사용하여 다시 만들어보는 시간을 가졌습니다. 이번 벨로그에서는 api 호출 부분과 같은 기술적인 부분을 제외한 Tailwind CSS를 사용