안녕하세요! 이번에 제가 경희대학교 K-MOOC 서포터즈로 선정이 되었습니다.🎇 앞으로 12주 간 경희대 K-MOOC 강좌들을 소개해드릴 거에요. 오늘은 K-MOOC이 무엇인지와 수강신청 방법에 대해 알려드리려고 합니다. 1. K-MOOC이란? K-MOOC이란 Korea-Massive Open Online Course의 줄임말로, 한국 오픈형 온라인 학습 과정을 말합니다. 온라인을 통해서 누구나, 어디서든 원하는 강의를 무료로 들을 수 있는 온라인 공개강좌 서비스로 양방향 학습이 가능한 새로운 교육 환경을 제공합니다. 경희대학교는 소통과 창조의 열린 고등교육을 선도하는 대학다운 미래대학을 추구하고 있으며, 휴머니즘 기반의 보편적 고등교육을 실현하고자 2015년부터 K-MOOC 강좌를 제공해오고 있습니다...

개요 프론트엔드 개발을 하다 보면 쿼리 파라미터 값을 추출해야 할 때가 있다. URLSearchParmas() 방법만 알고 있었는데 UMC 웹 스터디를 진행하면서 useLocation을 알게 되었다. 방법1. useLocation()사용 useLocation은 현재 페이지 경로 정보 객체를 반환하는 react-router-dom 함수다 search 속성에 쿼리 파라미터 정보가 있으니 이를 사용하면 된다. import React from 'react'; import { useLocation } from 'react-router-dom'; function MyComponent() { // useLocation 훅을 사용하여 현재 경로 정보를 가져옴 const location = useLocation(); /..

하나의 프로세스에서 다수의 스레드들이 실행되는 것을 멀티스레딩이라고 한다. 하나의 프로세스 안에서 스레드끼리 code, data, heap 영역을 공유하고 각각의 stack, PC, 레지스터를 가지기 때문에 자원을 공유하기 좋아 멀티프로세스보다 이점이 있다. 동시성(Concurrency) 싱글 코어에, 멀티코어에서 멀티 스레딩을 구현하는 방식이다. 이름이 동시성이지만 진짜로 동시에 실행된다는 의미는 아니고 여러 작업이 동시에 실행되는 것처럼 보이는 것을 말한다. 한 타임에 하나의 스레드만 실행되고 짧은 시간 동안 스레드를 적절히 바꿔가면서 실행되는 것이다. 위 사진을 보면 4개의 thread가 하나의 core를 나눠서 쓰고 있다. 병렬성(Parallelism) 멀티 코어에서 멀티 스레딩을 구현하는 방식을..

ChatGPT가 나오고 코드 짜기 진짜 편하다~~ 한 지 0.3초 된 거 같은데 Vercel에서 무려 리액트 컴포넌트를 만들어주는 인공지능을 만들었다. 2023년 9월 15일에 출시했는데 난 방금 알았다.. 아직 Private Alpha 버전이라 쓰고 싶으면 대기해야 하고 2주 정도 뒤에 메일이 오면 사용할 수 있다. https://v0.dev/ v0 by Vercel Generate UI with simple text prompts. Copy, paste, ship. v0.dev 아직 승인메일이 안 와서 직접 사용해보진 않았지만 다른 분들이 하신 걸 보면 정말 엄청난 것 같다. 여름쯤 figma dev mode Anima 플러그인 보고도 놀랐던 것 같은데 사실 피그마 디자인부터 잘 생각하고 만든 거 아..

UMC 2주차 웹 스터디를 하면서 익명함수가 함수 표현식이고 기명함수가 함수 선언식인 걸 처음 알게 되었다!! 그 전까지는 그냥 함수 이름을 지정하지만 않으면 익명함수인 줄 알았는데 익명함수도 함수 이름이 있을 수 있다는 것도 알게 되었다. 함수 이름이 있는 익명함수 때문에 익명함수 기명함수 개념이 좀 더 헷갈렸던 것 같다. 익명함수와 기명함수 차이 함수 선언문은 무조건 함수명 정의되어야 하고, 함수 표현식은 없어도 된다. 함수 선언문은 함수 전체가 호이스팅 되고, 호출 함수 표현식은 변수의 선언문만 호이스팅된다 => 함수 선언식은 함수 선언 코드 위에서 호출 O, 함수 표현식은 X 함수 표현식은 함수를 변수에 할당하는 개념이다. 따라서 변수 스코프 규칙을 따른다.(변수가 선언된 스코프에서만 사용 가능)..

자바스크립트에서 변수를 선언할 때 var, let, const를 사용할 수 있다. 이 세 개는 약간씩 다른 기능을 하므로 셋의 차이점을 알아두고 제대로 사용해야 한다! var - ES6 나오기 이전에 자주 썼던 가장 오래된 방식이다. - 중복 선언과 재할당이 모두 가능하다. var letter = 'first'; console.log(letter); // first var letter = 'second'; console.log(letter); //second letter = 'third'; console.log(letter);//third 코드를 보면, 중복 선언이 가능하고, 가장 마지막으로 할당된 값이 최종 변수에 저장되는 것을 볼 수 있다. - 함수에서 선언된 변수는 함수 내에서만 유효한 함수 스코프..