프로그래밍 삽질 중

* 초보자를 위한 Node.js 200제 - 김경록, 정지현 지음 중급 내용(이하 노드 200제) 참고 * mozilla 참고(https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures) 클로저(closer) 개념 - 노드 200제 : 내부 함수가 참조하는 외부함수의 지역변수가 외부함수가 리턴된 이후에도 유효성이 유지될 때, 이 내부함수를 클로저라고 한다, 클로저는 외부함수 변수의 값이 아닌 참조를 저장하는 식 - mozilla : 함수와 함수가 선언된 어휘적 환경의 조합 자바스크립트는 함수를 리턴하고, 리턴하는 함수가 클로저를 형성하기 때문이다. 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 이 환경은 클로저가 생성된 시점의 유효 범위 내에 ..

* 모든 파일은 html로 작성 * html 파일의 안에 javascript가 작성됨 * 모든 코드의 출처(책 이름 : [Do it 자바스크립트 + 제이쿼리 입문]) : https://edu.goorm.io/lecture/12563/%EC%A0%80%EC%9E%90-%EC%A7%81%EA%B0%95-%EB%B0%94%EB%A1%9C-%EC%8B%A4%ED%96%89-do-it-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-%EC%9E%85%EB%AC%B8 * 현재 공부중인 자바스크립트 + 제이쿼리 코드 : https://github.com/0131ryu/Javascript_book [02..

* React를 하다보니 html/css의 부족함을 알게되고... html/css -> js -> react로 다시 회귀 중 * 코딩애플 수업 후 복습하는 과정 [핵심 정리] Q1. 작성하기, 제목이 오른쪽으로 치우침 -> 왼쪽으로 정렬하고 싶다면? -> width: 100%; float: left; Q2. input 태그의 width 크기는 무엇을 기준? -> 그걸 감싸는 의 width 기준으로 함 [완성본] https://9lh66.csb.app/

* React를 하다보니 html/css의 부족함을 알게되고... html/css -> js -> react로 다시 회귀 중 * 코딩애플 수업 후 복습하는 과정 * 참고자료 [css] clear(none, both, left, right) 의 속성 (tistory.com) [핵심 정리] Q1. 글과 이미지를 동시에 배치하려면? [ 글 : 80% ] [ 이미지 : 20% ] -> 핵심은 각각 float: left; 사용할 것 Q2. 컨테이너에 왜 display: block; margin-left: auto; margin-right: auto; 넣는 이유는? -> container를 웹사이트 중앙에 배치하기 Q3. clear: both;는? -> 왼쪽, 오른쪽 모두 붙는 float 정렬을 취소한다 * flo..

* 유료 강의이므로 코드의 모든 내용을 올리진 않음 * 개인적으로 중요하다고 생각되는 부분만 올릴 예정(주로 function 부분) * 당연하지만 강의코드와 작성자의 코드는 순서는 비슷하나 이름 등이 다름 [참고한 사이트] react state, props 사용법 https://velopert.com/921 css https://velog.io/@anrun/CSS-%EC%9C%84%EC%B9%98-%EC%A7%80%EC%A0%95%ED%95%98%EA%B8%B0position-float-inline-block-hyk5xn5nql [복습 결과물] (1) [ 날씨 기준 ]⭐0 밑 날씨 정보 map을 이용하기(array에 있는 내용들을 불러온 것) (2) 오늘의 날씨 버튼 열고 닫기, 날씨 변경하기(랜덤은 아..

* 유료 강의이므로 코드의 모든 내용을 올리진 않음 * 개인적으로 중요하다고 생각되는 부분만 올릴 예정(주로 function 부분) * 당연하지만 강의코드와 작성자의 코드는 순서는 비슷하나 이름 등이 다름 [참고한 사이트] 1. css(이미지 정렬) https://velog.io/@devzunky/wecode-5%EC%9D%BC%EC%B0%A8-TIL-div%EC%9A%94%EC%86%8C-3%EA%B0%9C-%EB%82%98%EB%9E%80%ED%9E%88-%EC%A0%95%EB%A0%AC%ED%95%98%EA%B8%B0-i6k1bw0n8v 1-1 리액트로 이미지 추가 https://webisfree.com/2019-12-12/[react]-img-%ED%83%9C%EA%B7%B8%EC%9D%98-%E..

* 문제 상황 : node.js를 설치하면서 오류 발생 * node.js를 bash에서 node.js의 npm init 설치 필요 1) 터미널 단축키 : ctrl + '`'(1번 옆에 ~를 shift 누르지 말고) 2) node.js 설치(https://nodejs.org/ko/) -> cmd 창에서 node --version 누르면 숫자가 나올 경우 정상적으로 설치 * Node.js 설치 시 도움받은 곳(1강부터 수강하면 완벽한 설명을 들으면서 설치 가능) [참고한 youtube : https://www.youtube.com/watch?v=TmxJ3FuUKEI] 2)-1 vs code 내 node.js 설치 (1) 단축키 ctrl + shift + p -> select default profile(터미..

※ 책 보면서 스프링을 공부중인데 오류 발생한 코드들이 있어 작성 [p.96 PostRepositoryTest 관련 오류] java.lang.IllegalStateException: Unable to find a @SpringBootConfiguration -> 해결 https://unhosted.tistory.com/77 Spring boot test 경로가 다른 패키지 테스트 시 오류 어느 날 마주한 에러 문구 Unable to find a @SpringBootConfiguration, you need to use @ContextConfiguration or @SpringBootTest(classes=...) with your test java.lang.IllegalStateException: Una..