presentLee

마지막주차까지 와버렸다.. 기본미션 전에 사용하느라 넣어둔 이미지 파일들 사용해서 구현했다. 선택미션 덜보고 혼자해보려고하니 시간이 꽤 걸린다.. 할 일 목록 추가하기 대충 알고 넘어갔던 내용들 차근차근 돌아보기에 좋았던 혼공JS 활동이었읍니다..

혼공단/js 2023. 8. 20. 23:44

4주차... 진도..못따라..가겠..어요... 데몬 스레드는 보조적역할 -> 주 스레드의 작업을 돕는다. 주 스레드가 종료되면 데몬 스레드는 강제적으로 자동 종료. 메인이 없는데 보조가 있을 필요 X 스레드를 데몬으로 만들기 위해 주 스레드가 데몬이 될 스레드의 setDaemon(true)를 호출 아래 코드에서 메인 스레드가 주 스레드, Autosave가 데몬스레드 다음 예제는 1초 주기로 save() 메소드를 자동 호출하도록 작성 후, 메인 스레드가 3초 뒤 종료되면 같이 종료되는 데몬 스레드를 만드는 예시. 아직 완전히 정리가 안된다.. 자바스크립트 5주차까지 마쳐두었으니 2주간 자바 달립니다..

카테고리 없음 2023. 7. 30. 03:18

미리쓰는 5주차 객체 객체는 C에서의 구조체와 유사하게, 직접 자료형을 만든다는 느낌으로 사용한다. 위 frog 객체는 name 과 cry, introduce라는 항목이 존재한다. name은 객체속에 있는 변수처럼 보이는데 이와 같은 경우를 속성 이라고 한다. 아래 두개에는 함수가 들어가있는데, 객체에서는 속성을 함수 자료형으로서 저장할 수 있고, 이를 메소드 라고 한다. 생성된 객체에 접근하기 위해서는 . (dot) 연산자를 사용하는데, 객체이름.속성 과 같이 사용하면 해당 객체의 그 속성에 저장된 값을 얻을 수 있다. (22번 라인, 콘솔출력 1번째줄) 메소드도 동일하게 객체이름.메소드() 방식으로 해당 함수를 실행할 수 있다. (23번, 24번라인, 콘솔 출력에서 2번째,3번째줄) 위와같이 없던 속..

혼공단/js 2023. 7. 25. 21:32

4주차까지 왔다. 이번주는 함수다. 익명함수와 선언적함수 기본문제 함수를 사용해 매개변수로 년도를 받고 윤년인지 확인하는 문제 책에나온대로 콘솔로 확인하려면 위와 같이 구현한다. form을 통해 input 속의 값을 제출할 때에 비어있던 div 태그에 결과를 출력하도록 구현했다. 일반적인 상황에서는 위와 같이 그냥 매개변수로 줄 변수의, 이름을 정해주면 되지만 특별한 케이스는 좀 다르다. ※※※매개변수를 몇개 받을지 예측할 수 없을 때.※※※ 매개변수에 ...을 사용해 나머지 매개변수를 사용하면, 여러개의 값이 들어와도 배열 형태로 바꾸어 받을 수 있다. (매개변수중 맨 뒤에 써주자) 매개변수를 사용할때 배열 (여기서는 나머지 연산자를 사용해서 생긴 배열) 에 spread 연산자를 사용해주면(...) 배..

혼공단/js 2023. 7. 25. 01:26

벌써 3주차까지 왔다. 3주차 기본미션으로는 이론적인 질문이 나왔다. 비파괴적 처리와 파괴적 처리에 대한 내용인데, 잘 모르는내용이다.. a와 b 문자열을 만든뒤 c에 둘을 붙인것을 저장해서 모두 출력해보면 위와 같다. a와 b 모두 원본내용이 변하지 않고, 둘의 원본이 복사된 것이 합쳐져 c에 저장된다. 이렇게 처리 후 원본이 변경되지 않는 것이 비파괴적 처리다. 이번엔 이경우를 한번 보자. 원본 배열 arr을 두번 출력하고 있고 사이에 push 연산이 존재한다. 배열에 항목을 하나 추가하는 처리를 했으므로 원본이 변한다. 이렇게 처리로 인해서 원본이 바뀌는 경우를 파괴적처리 라고 한다. 둘의 차이를 생각해보면 비파괴적 처리의 경우, 원본을 복사해서 다른 변수에 사용하기 때문에 메모리 사용량이 늘어나게..

혼공단/js 2023. 7. 20. 19:53

왜 벌써 일요일 03시가 넘었고 나는 지금 이러고있는가 기본 미션 위에 중첩 if문을 사용해서 두가지 조건을 모두 만족할 때, 개발자도구의 콘솔창에서 '조건에 맞습니다' 라는 구문을 출력하여 확인할 수 있는데 이를 논리연산자를 이용해 하나의 if문으로 표현할 수 있는 것을 테스트 하는 문제였다. 중첩 if문의 형태를 보면 x>10과 x10 and x

혼공단/js 2023. 7. 16. 04:49

혼공자바랑 같이 자바스크립트도 신청하게 됐기에 두번째 포스팅을 쓰고있다.. 생각보다 할게많을지도?.. 우선 기본미션을 위해 vscode를 켰다. 많이 보던화면.. 좀 밋밋하지않나? 꾸밀 수 있는걸 좀 찾아봤다. !.... set color theme로 그냥 테마 색배합만 바꿀 수도 있고 설치 후 ctrl +shift + p 로 검색해서 명령을 실행하면 배경도 바꿀 수 있다. 밖에 들고나갈 노트북에는 테마 색깔만 바꾸는거로 만족하자... 기본미션 기본적인 태그를 생성하는 것을 책에서는 html:5로 제시하고 있는데 그냥 ! 누르고 엔터만 눌러도 잘 작성되는 모습을 볼 수 있다. 어쩌다 들여쓰기를 이상하게 해버렸다면 ctrl 누른 상태에서 k f를 순서대로 눌러주면 컴파일러가 알아서 정렬을 해줘서 편하다. ..

혼공단/js 2023. 7. 1. 23:58

공식문서 https://reactrouter.com/en/main npm을 이용해 설치한다 npm i react-router-dom 그 후 사용할 App.js에서 import 한다. import {createBrowserRouter, RouterProvider} from 'react-router-dom' SPA 구조에서 URL에 따라 페이지를 전환하기 위해 사용한다. const Router = () => { return ( ); }; 이전 버전에서는 위와 같은 구조를 사용해서 구조를 설정했다. import {createBrowserRouter, RouterProvider} from 'react-router-dom' import HomePage from './pages/Homepage'; import Ev..

웹/react 2023. 3. 25. 22:20