TIL 49일차 - 2022.04.20 Baekjoon에서 문제풀이 1) 문제 : 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제/ 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. 첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. 고민과정 반복문을 이용해 처음엔 1개부터 N개만큼의 별이 하나씩 늘어나게 하면 되므로 +=를 이용하면 될거 같음 풀이 readline 모듈 2) 문제 : 첫째 줄에는... 문제풀이공부기록TILTIL 멋쟁이 사자처럼 FE 스쿨 2기 - 4월 20일 반응형 이미지 반응형 백그라운드 이미지 반응형 동영상 이미지 포맷의 종류를 한 번 더 살펴보자. GIF(Graphics Interchange Format) : 256색의 컬러만 표현 가능하기 때문에 선명하진 않지만 용량이 적게 든다. 투명은 표현 가능하지만 그 정도를 조절하는건 불가능하며, 때문에 그림자 표현도 불가능하다. 웬만한 컬러는 모두 표현 가능하기 때문에 투명 영역 처리는 가능하지만... 멋쟁이 사자처럼TILTIL 2022-04-20 TIL Flutter-#3 오늘의 목표 이런 화면을 만들어 봅시다. - 오늘 사용할 친구들 appBar() 앱 상단 바를 만드는 역할을 합니다. Row() Column() Row 는 요소들을 가로 Column은 요소들을 세로로 정렬합니다. Container() 1. 머리(상단바) backgroundColor 색상을 화이트톤으로 지정합니다. - 기존은 하늘색톤 입니다. textAlign - 텍스트 정렬 방식을 지정합니다... TILTIL 📝 [JS 공부기록] 자바스크립트 데이터와 알아야할 개념들 parseInt(str) → 숫자를 정수로 추출 parseFloat(str) → 숫자를 실수로 추출 Math.abs() → 주어진 숫자의 절대값을 반환 Math.min(2, 8) → 주어진 숫자의 최소값 반환 Math.max(2, 8) → 주어진 숫자의 최대값 반환 Math.ceil(3.14) → 주어진 숫자를 올림처리 Math.floor(3.14) → 주어진 숫자를 내림처리 Math.rou... 자바스크립트TILTIL 내일배움캠프 AI - 3일차 TIL, 2022.04.20 다행히 프로젝트 수준은 웹개발종합반 마지막숙제 수준으로 나에게 있어서는 많이 어렵지는 않을 것 같았다. 페이지 규모 자체가 팀원을 소개하는 페이지가 전부라서 유용하게 넣을 기능이 뭐가 있을지 걱정이 되었었는데, 이미지 반전, 토글 기능, netfrix 테마 등등 생각보다 이것저것 넣을게 많아서 기획하는 것 부터 재밌었다. 그런데 div태그의 백그라운드로 이미지를 넣으면 모서리부분을 borde... 내일배움캠프국비지원TIL스파르타코딩클럽AIAI 220419~220420 TIL 학습자료 호눅스의 깃헙코드 학습계기 반찬 프로젝트를 진행하면서 간단하게 테이블을 정의했다. 하나의 dish와 image 테이블은 1:N 관계를 맺는다. 1:N 관계를 가졌을때, 하나의 dish와 해당하는 dish의 id를 가지는 모든 image를 하나의 객체로 만들 수는 없을까? 여러번의 쿼리를 보내서 조합하는 방법이 아닌 join으로는 해결할 수 없을까? 이 생각이 거의 이틀 가까이 삽질을... SpringDataJDBCTILSpringDataJDBC [React] useRef hook 정리 우선 useRef를 컴포넌트에서 사용해주면 ref 객체를 반환해준다. 일반적으로 리액트에선 state가 변화되면 리렌더링이 일어나게 되고 컴포넌트의 내부 변수들이 초기화 된다. 하지만 ref를 사용하면 리렌더링이 일어나지않고 변수들의 값들이 유지된다. (불필요한 렌더링 방지) 또한 state가 바뀌었을때 리렌더링이 되지만 ref의 값은 유지된다. 예를 들어 ref가 없다면 로그인 화면에서 일... ReactTILReact 6주차 수요일 웹에디터 >>> Web-Editor 로컬스토리지는 위험해! >>> Cross-Site-Script(XSS) 하이드레이션에서 CSS문제 발생! >>> Hydration-Issue 대표적인 종류: react-draft-wysiwyg, react-quill, toast ui editor React-quill onChange함수에 event가 들어오는 것이 아니다 >>> 라이브러리이기 때문에!! v... TILTIL 26일차 - [데이터베이스] NoSQL : MongoDB Basic 관계형 데이터베이스 레거시를 사용하지 않고 체계적인 식으로 데이터를 저장하는 데이터 저장소다. 비구조적인 대용량의 데이터를 저장하는 경우 MongoDB는 데이터를 도큐먼트 형식으로 저장한다. MongoDB Atlas는 MongoDB를 설계한 사람들이 만든 모든 것을 관리하는 클라우드 데이터베이스다. 아틀라스 사용자는 클러스터를 배포할 수 있으며, 클러스터는 그룹화된 서버에 데이터를 저장한다.... TIL데이터베이스TIL 2022년 04월 19일 TIL Front Controller Pattern DispatcherServlet = Front Controller Controller에서 중복적으로 처리해야 하는 일들을 한곳(Front Controller)에서 처리한다. 요청을 알맞은 컨트롤러에 위임한다. 예외 처리 처리 흐름 DispatcherServlet의 HTTP 요청 접수 DispatcherServlet에서 Controller로 HTTP... spring mvcTIL데브코스TIL [OpenCV] 마우스 OpenCV에는 왼쪽 클릭 및 오른쪽 클릭과 같은 다양한 마우스 동작을 감지하는 마우스 이벤트 감지 기능이 있다. 일단 이미지에서 마우스를 사용하여 사각형을 렌더링을 해보자. 마우스 이벤트를 사용해서 왼쪽 버튼이 눌리면 누른 위치에 대한 정보 저장, 누른걸 놓으면 또 한번 위치 저장해서 사각형 그리기. 사용자가 q 키(ASCII 코드: 113)를 눌러 응용 프로그램 스크립트를 종료할 때까지 ... pythonTILopencvTIL 패스트 캠퍼스 MGS 3기 - 4월 19일(CSS 속성) 요소의 가로/세로 너비이다. 단위: px, em, vw 등 단위로 지정 단위: px, em, vw 등 단위로 지정 단위: px, em, vw 등 단위로 지정 em: 요소의 글꼴 크기 요소의 외부 여백(공간)을 지정하는 단축 속성이다. auto: 브라우저가 여백을 계산, 가로(세로) 너비가 있는 요소의 가운데 정렬에 활용 단위: px, em, vw 등 단위로 지정 요소의 내부 여백(공간)을 지... 패스트 캠퍼스TILCSSCSS 웹 프로그래밍 기초2 브라우저가 알아들을 수 있는 유일한 언어 변수, 자료형, 함수, 조건문, 반복문 변수(variable) var let const란 무엇인가? 변수: 값을 담는다. 과거 ES6이전: var 오늘날: let const(상수, 재할당X) *let과 const의 적절한 사용법: 값을 재할당해야 하는 상황이 아니라면 대체로 const 사용 변수 명명 변수 이름 자체가 변수를 설명할 수 있게 명명해야 ... 내일배움캠프TIL스파르타코딩클럽TIL [0419] TIL 2일차 jquery의 show와 hide를 사용해 박스를 영화 기록하기 버튼을 통해 열고 닫기 버튼을 통해 닫을 수 있음 includes()를 사용해 @가 포함되는지 알 수 있으며, split()을 사용해 지정한 부분을 기준으로 입력값을 두 개로 나눌 수 있다는 아이디어를 통해 작성 q3_remove( ) : empty() 함수를 통해 입력되어 있는 모든 값을 삭제 ajax 콜이 성공한다면 JSON... TILTIL [TIL] 2022-04-19 기본적으로 제공되는 DB를 사용할 수 있는 인터페이스 key-value 쌍으로 저장됨 싱글톤 패턴으로 설계되어 앱 전체에 단 하나의 인스턴스만 존재 대용량 데이터를 저장할 때 사용하지 않고 자동로그인 여부, 아이디 저장, 환경설정 데이터값 등의 단일 데이터를 보관할 때 주로 사용 float, integer, double, boolean 등의 기본타입뿐만 아니라 NSString, NSNumbe... TILTIL What I've learned - 2022.04.19 (화) 🏹 What I've learned - 2022.04.19.(Tuesday) 🗓️ 중요일정 데이터마이닝 수업 homework (4/22) 데이터마이닝 수업 온라인 강의 데이터마이닝 수업 - 프로젝트 데이터베이스 과제 - 논문리뷰 데이터시각화 과제 - 논문리뷰 한국경영과학회·대한산업공학회 춘계공동학술대회 교수님 방문 (4/20일 오후 3시30분) 🎯 목표과제 - Today 데이터마이닝 수업 (... COUNTIFSTILCOUNTIFS [Today I Learned 07] 1. 트리 순회 1. 이진 검색 트리란? 부모 노드에 왼쪽과 오른쪽 자식 노드를 가지는 트리이다. 즉, 부모 노드는 자식 노드를 두 개만 갖는 트리를 말한다. 전위 순회는 Root-Left-Right 순으로 순회한다. 중위 순회는 Left-Root-Right 순으로 순회한다. 후위 순회는 Left-Right-Root 순으로 순회한다. 위와 같은 이진 트리가 있을 때 전위 순회는 루트, 왼쪽, 오른쪽 즉, 3... jungleTILTIL 18 - CSS (반응형 이미지, 동영상) <img>태그 background-image bacground-size가 contain 이면 ? bacground-size가 cover 사용하면 ? <video>태그 video태그 img태그 처럼 똑같이 width만 100%주면 반응형 됨! Video 속성 preload =“none”, “auto”; : 페이지를 로드할때 영상을 미리 로드할지 말지 결정함 Poster : 비디오를 내려받을 동... 멋쟁이사자처럼TIL프론트엔드스쿨2기TIL 📕 [ TIL ] : 2일차_2022.04.19.(화) GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어 vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함 [ ✏️ 리마인드 : 서버 업데이트시 중요한것! [ ✏️ 수업... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript [React] SPA와 MPA, next.js CSR(클라이언트 사이드 렌더링)방식으로 렌더링 하나의 페이지에서 내용만 바뀌는것인데 웹 앱에 필요한 모든 정적 리소스를 최초에 한번만 다운로드 하는것, 이후 새로운 페이지가 요청 되면 페이지에 필요한 데이터만 받아 페이지를 갱신 주소에 따라 다른 뷰를 보여주는 것을 라우팅이라 하며 리액트에선 이 라우팅이 기본으로 내장되어있지 않기 때문에 react-router를 설치해서 구현한것 좋지 않은... next.jsReactTILReact HTML과 CSS만을 이용한 3D Button 만들기 일단 간단하게 HTML코드를 이와 같이 작성한다. height와 line-height의 값이 같으면 수직 방향에서 중앙에 위치하게 된다. 공식처럼 외우면 된다고 한다. 단, 텍스트가 한 줄 일때만 가능하며 두 줄이면 X transform-style: preserve-3d를 통해 3D 공간에 주고 최상위 요소에 perspective: 1000px(perspective의 값이 작으면 작을수록 더... TILCSShtmlCSS oday I Learned - Form 사용자가 정보를 입력하여 전송할 수 있는 형식 form태그의 정보가 어디로 가는지에 대한 위치 정보 -> 각각 action, method의 속성에 담긴다. 1. action 2. method method 속성은 속성값으로는 GET과 POST 두 가지 중 하나를 선택 3. form에 대한 추가적인 정보 기재 header, paragraph를 사용하여 해당 form이 무엇인지 상세 정보를 넣을 ... TILhtmlTIL 장바구니 담기 장바구니 담기 기능을 구현중에 문득 드는 생각이, 담기를 누르면 모달창이 꺼지고 계속해서 쇼핑을 이어나간 후에 장바구니 페이지에 들어가면 그때 내가 선택한 상품 목록들이 나오는데, 굳이 장바구니담기를 누를때 DB에 저장을 해야하나? 라는 생각이 들었다. 그래서 들었던 생각은 리덕스에만 저장을 한다음 페이지에서 꺼내다 쓰면되지 않을까? 하지만 리덕스는 새로고침하면 초기화되기 때문에 안되겠다! ... TILTIL 17 - CSS(Image Sprite) 이미지를 편집할 때는 온라인 에디터를 사용하거나 직접 에디팅 앱(포토샵, 피그마, 스케치 등)을 사용해 개발자가 직접 편집함. 장점 : 이미지 태그의 개수를 줄이기위해, html 파일 자체가 깔끔해지고 스크린리더로 탐색할 때 탐색속도가 빨라질것, 이미지 태그가 많을 수록 웹페이지를 로딩할 때 속도가 늦어짐 특정한 시야 거리에서 인간의 눈으로는 화소를 구분할 수 없는 화소 밀도(300 PPI가... 멋쟁이사자처럼TIL프론트엔드스쿨2기TIL 4월 19일 (화) 공튀기기 관련 Math.random() 함수는 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환하며, 이 값은 사용자가 원하는 범위로 변형할 수 있다. 난수 생성 알고리즘에 사용되는 초기값은 구현체가 선택하며, 사용자가 선택하거나 초기화할 수 없다. 0 이상 1 미만의 부동소숫점 의사 난수 반환 Math.floor() 함수는 주어진 숫자와 같... TIL과제TIL TIL-22.04.19 mongodb ohohoh mongodb 에러 극혐 ㅜㅜ 처음 pymongo 기본코드로 다음을 기입하고 url 자리에 mongodb url을 입력하였다. 그랬더니 두둥 ImportTimeError 가 발생했다. 어디서 에러가 난건지 감이 안잡혔는데, 인증서 오류로 환경변수 설정을 안했었다고 한다. 지긋지긋한 환경변수.. 하지만 다행스럽게도 시스템 환경변수에서 편집할 일 없이 다음 과정을 거치면 된다. 내가... 내일배움캠프TIL스파르타코딩클럽TIL 패스트 캠퍼스 MGS 3기 - 4월 19일(CSS 개요) CSS 선언 방식에는 내장 방식, 인라인 방식, 링크 방식, @import 방식으로 총 4가지의 방식이 있다. CSS 선택자에는 기본 선택자, 복합 선택자, 가상 클래스, 가상 요소, 속성이 있다. 기본 선택자 ABC 태그 선택자(Type Selector) .ABC 클래스 선택자(Class Selector) #ABC 아이디 선택자(ID Selector) 복합 선택자 자식 선택자(Child C... 패스트 캠퍼스TILCSSCSS [3일차] 자바 - 제어문 📅 2022-04-18 If문의 조건값은 boolean형인데 비해 switch문의 조건값은 long형을 제외한 정수형(byte, short,int) 또는 char형인 것이 다르다. JDK7.0이상부터는 문자열도 지원함 주어지는 조건의 결과가 true이면 if문 블럭을 코드를 실행함 특정한 명령들을 정해진 규칙에 따라 반복처리 할 때 사용... 학원TILTIL 220418 TIL 틀린 내용이 많을 예정입니다 ㅎㅎ 지난 주 프로젝트에서 JWT (Json Web Token)에 대한 적용과 학습키워드가 있었다. 하지만 DB설계를 비롯한 드래그앤스왑에 따른 순서변경에 관한 로직, 그리고 배포에 시간을 많이 쏟으면서 적용하지 못했다. ㅎㅎ 코드를 쳐보면서 flow를 익혀보려고 했다. token은 server가 설정한 secret key와 암호화 알고리즘을 활용해서 encodi... JWToAuthTILJWT 이전 기사 보기
49일차 - 2022.04.20 Baekjoon에서 문제풀이 1) 문제 : 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제/ 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. 첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. 고민과정 반복문을 이용해 처음엔 1개부터 N개만큼의 별이 하나씩 늘어나게 하면 되므로 +=를 이용하면 될거 같음 풀이 readline 모듈 2) 문제 : 첫째 줄에는... 문제풀이공부기록TILTIL 멋쟁이 사자처럼 FE 스쿨 2기 - 4월 20일 반응형 이미지 반응형 백그라운드 이미지 반응형 동영상 이미지 포맷의 종류를 한 번 더 살펴보자. GIF(Graphics Interchange Format) : 256색의 컬러만 표현 가능하기 때문에 선명하진 않지만 용량이 적게 든다. 투명은 표현 가능하지만 그 정도를 조절하는건 불가능하며, 때문에 그림자 표현도 불가능하다. 웬만한 컬러는 모두 표현 가능하기 때문에 투명 영역 처리는 가능하지만... 멋쟁이 사자처럼TILTIL 2022-04-20 TIL Flutter-#3 오늘의 목표 이런 화면을 만들어 봅시다. - 오늘 사용할 친구들 appBar() 앱 상단 바를 만드는 역할을 합니다. Row() Column() Row 는 요소들을 가로 Column은 요소들을 세로로 정렬합니다. Container() 1. 머리(상단바) backgroundColor 색상을 화이트톤으로 지정합니다. - 기존은 하늘색톤 입니다. textAlign - 텍스트 정렬 방식을 지정합니다... TILTIL 📝 [JS 공부기록] 자바스크립트 데이터와 알아야할 개념들 parseInt(str) → 숫자를 정수로 추출 parseFloat(str) → 숫자를 실수로 추출 Math.abs() → 주어진 숫자의 절대값을 반환 Math.min(2, 8) → 주어진 숫자의 최소값 반환 Math.max(2, 8) → 주어진 숫자의 최대값 반환 Math.ceil(3.14) → 주어진 숫자를 올림처리 Math.floor(3.14) → 주어진 숫자를 내림처리 Math.rou... 자바스크립트TILTIL 내일배움캠프 AI - 3일차 TIL, 2022.04.20 다행히 프로젝트 수준은 웹개발종합반 마지막숙제 수준으로 나에게 있어서는 많이 어렵지는 않을 것 같았다. 페이지 규모 자체가 팀원을 소개하는 페이지가 전부라서 유용하게 넣을 기능이 뭐가 있을지 걱정이 되었었는데, 이미지 반전, 토글 기능, netfrix 테마 등등 생각보다 이것저것 넣을게 많아서 기획하는 것 부터 재밌었다. 그런데 div태그의 백그라운드로 이미지를 넣으면 모서리부분을 borde... 내일배움캠프국비지원TIL스파르타코딩클럽AIAI 220419~220420 TIL 학습자료 호눅스의 깃헙코드 학습계기 반찬 프로젝트를 진행하면서 간단하게 테이블을 정의했다. 하나의 dish와 image 테이블은 1:N 관계를 맺는다. 1:N 관계를 가졌을때, 하나의 dish와 해당하는 dish의 id를 가지는 모든 image를 하나의 객체로 만들 수는 없을까? 여러번의 쿼리를 보내서 조합하는 방법이 아닌 join으로는 해결할 수 없을까? 이 생각이 거의 이틀 가까이 삽질을... SpringDataJDBCTILSpringDataJDBC [React] useRef hook 정리 우선 useRef를 컴포넌트에서 사용해주면 ref 객체를 반환해준다. 일반적으로 리액트에선 state가 변화되면 리렌더링이 일어나게 되고 컴포넌트의 내부 변수들이 초기화 된다. 하지만 ref를 사용하면 리렌더링이 일어나지않고 변수들의 값들이 유지된다. (불필요한 렌더링 방지) 또한 state가 바뀌었을때 리렌더링이 되지만 ref의 값은 유지된다. 예를 들어 ref가 없다면 로그인 화면에서 일... ReactTILReact 6주차 수요일 웹에디터 >>> Web-Editor 로컬스토리지는 위험해! >>> Cross-Site-Script(XSS) 하이드레이션에서 CSS문제 발생! >>> Hydration-Issue 대표적인 종류: react-draft-wysiwyg, react-quill, toast ui editor React-quill onChange함수에 event가 들어오는 것이 아니다 >>> 라이브러리이기 때문에!! v... TILTIL 26일차 - [데이터베이스] NoSQL : MongoDB Basic 관계형 데이터베이스 레거시를 사용하지 않고 체계적인 식으로 데이터를 저장하는 데이터 저장소다. 비구조적인 대용량의 데이터를 저장하는 경우 MongoDB는 데이터를 도큐먼트 형식으로 저장한다. MongoDB Atlas는 MongoDB를 설계한 사람들이 만든 모든 것을 관리하는 클라우드 데이터베이스다. 아틀라스 사용자는 클러스터를 배포할 수 있으며, 클러스터는 그룹화된 서버에 데이터를 저장한다.... TIL데이터베이스TIL 2022년 04월 19일 TIL Front Controller Pattern DispatcherServlet = Front Controller Controller에서 중복적으로 처리해야 하는 일들을 한곳(Front Controller)에서 처리한다. 요청을 알맞은 컨트롤러에 위임한다. 예외 처리 처리 흐름 DispatcherServlet의 HTTP 요청 접수 DispatcherServlet에서 Controller로 HTTP... spring mvcTIL데브코스TIL [OpenCV] 마우스 OpenCV에는 왼쪽 클릭 및 오른쪽 클릭과 같은 다양한 마우스 동작을 감지하는 마우스 이벤트 감지 기능이 있다. 일단 이미지에서 마우스를 사용하여 사각형을 렌더링을 해보자. 마우스 이벤트를 사용해서 왼쪽 버튼이 눌리면 누른 위치에 대한 정보 저장, 누른걸 놓으면 또 한번 위치 저장해서 사각형 그리기. 사용자가 q 키(ASCII 코드: 113)를 눌러 응용 프로그램 스크립트를 종료할 때까지 ... pythonTILopencvTIL 패스트 캠퍼스 MGS 3기 - 4월 19일(CSS 속성) 요소의 가로/세로 너비이다. 단위: px, em, vw 등 단위로 지정 단위: px, em, vw 등 단위로 지정 단위: px, em, vw 등 단위로 지정 em: 요소의 글꼴 크기 요소의 외부 여백(공간)을 지정하는 단축 속성이다. auto: 브라우저가 여백을 계산, 가로(세로) 너비가 있는 요소의 가운데 정렬에 활용 단위: px, em, vw 등 단위로 지정 요소의 내부 여백(공간)을 지... 패스트 캠퍼스TILCSSCSS 웹 프로그래밍 기초2 브라우저가 알아들을 수 있는 유일한 언어 변수, 자료형, 함수, 조건문, 반복문 변수(variable) var let const란 무엇인가? 변수: 값을 담는다. 과거 ES6이전: var 오늘날: let const(상수, 재할당X) *let과 const의 적절한 사용법: 값을 재할당해야 하는 상황이 아니라면 대체로 const 사용 변수 명명 변수 이름 자체가 변수를 설명할 수 있게 명명해야 ... 내일배움캠프TIL스파르타코딩클럽TIL [0419] TIL 2일차 jquery의 show와 hide를 사용해 박스를 영화 기록하기 버튼을 통해 열고 닫기 버튼을 통해 닫을 수 있음 includes()를 사용해 @가 포함되는지 알 수 있으며, split()을 사용해 지정한 부분을 기준으로 입력값을 두 개로 나눌 수 있다는 아이디어를 통해 작성 q3_remove( ) : empty() 함수를 통해 입력되어 있는 모든 값을 삭제 ajax 콜이 성공한다면 JSON... TILTIL [TIL] 2022-04-19 기본적으로 제공되는 DB를 사용할 수 있는 인터페이스 key-value 쌍으로 저장됨 싱글톤 패턴으로 설계되어 앱 전체에 단 하나의 인스턴스만 존재 대용량 데이터를 저장할 때 사용하지 않고 자동로그인 여부, 아이디 저장, 환경설정 데이터값 등의 단일 데이터를 보관할 때 주로 사용 float, integer, double, boolean 등의 기본타입뿐만 아니라 NSString, NSNumbe... TILTIL What I've learned - 2022.04.19 (화) 🏹 What I've learned - 2022.04.19.(Tuesday) 🗓️ 중요일정 데이터마이닝 수업 homework (4/22) 데이터마이닝 수업 온라인 강의 데이터마이닝 수업 - 프로젝트 데이터베이스 과제 - 논문리뷰 데이터시각화 과제 - 논문리뷰 한국경영과학회·대한산업공학회 춘계공동학술대회 교수님 방문 (4/20일 오후 3시30분) 🎯 목표과제 - Today 데이터마이닝 수업 (... COUNTIFSTILCOUNTIFS [Today I Learned 07] 1. 트리 순회 1. 이진 검색 트리란? 부모 노드에 왼쪽과 오른쪽 자식 노드를 가지는 트리이다. 즉, 부모 노드는 자식 노드를 두 개만 갖는 트리를 말한다. 전위 순회는 Root-Left-Right 순으로 순회한다. 중위 순회는 Left-Root-Right 순으로 순회한다. 후위 순회는 Left-Right-Root 순으로 순회한다. 위와 같은 이진 트리가 있을 때 전위 순회는 루트, 왼쪽, 오른쪽 즉, 3... jungleTILTIL 18 - CSS (반응형 이미지, 동영상) <img>태그 background-image bacground-size가 contain 이면 ? bacground-size가 cover 사용하면 ? <video>태그 video태그 img태그 처럼 똑같이 width만 100%주면 반응형 됨! Video 속성 preload =“none”, “auto”; : 페이지를 로드할때 영상을 미리 로드할지 말지 결정함 Poster : 비디오를 내려받을 동... 멋쟁이사자처럼TIL프론트엔드스쿨2기TIL 📕 [ TIL ] : 2일차_2022.04.19.(화) GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어 vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함 [ ✏️ 리마인드 : 서버 업데이트시 중요한것! [ ✏️ 수업... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript [React] SPA와 MPA, next.js CSR(클라이언트 사이드 렌더링)방식으로 렌더링 하나의 페이지에서 내용만 바뀌는것인데 웹 앱에 필요한 모든 정적 리소스를 최초에 한번만 다운로드 하는것, 이후 새로운 페이지가 요청 되면 페이지에 필요한 데이터만 받아 페이지를 갱신 주소에 따라 다른 뷰를 보여주는 것을 라우팅이라 하며 리액트에선 이 라우팅이 기본으로 내장되어있지 않기 때문에 react-router를 설치해서 구현한것 좋지 않은... next.jsReactTILReact HTML과 CSS만을 이용한 3D Button 만들기 일단 간단하게 HTML코드를 이와 같이 작성한다. height와 line-height의 값이 같으면 수직 방향에서 중앙에 위치하게 된다. 공식처럼 외우면 된다고 한다. 단, 텍스트가 한 줄 일때만 가능하며 두 줄이면 X transform-style: preserve-3d를 통해 3D 공간에 주고 최상위 요소에 perspective: 1000px(perspective의 값이 작으면 작을수록 더... TILCSShtmlCSS oday I Learned - Form 사용자가 정보를 입력하여 전송할 수 있는 형식 form태그의 정보가 어디로 가는지에 대한 위치 정보 -> 각각 action, method의 속성에 담긴다. 1. action 2. method method 속성은 속성값으로는 GET과 POST 두 가지 중 하나를 선택 3. form에 대한 추가적인 정보 기재 header, paragraph를 사용하여 해당 form이 무엇인지 상세 정보를 넣을 ... TILhtmlTIL 장바구니 담기 장바구니 담기 기능을 구현중에 문득 드는 생각이, 담기를 누르면 모달창이 꺼지고 계속해서 쇼핑을 이어나간 후에 장바구니 페이지에 들어가면 그때 내가 선택한 상품 목록들이 나오는데, 굳이 장바구니담기를 누를때 DB에 저장을 해야하나? 라는 생각이 들었다. 그래서 들었던 생각은 리덕스에만 저장을 한다음 페이지에서 꺼내다 쓰면되지 않을까? 하지만 리덕스는 새로고침하면 초기화되기 때문에 안되겠다! ... TILTIL 17 - CSS(Image Sprite) 이미지를 편집할 때는 온라인 에디터를 사용하거나 직접 에디팅 앱(포토샵, 피그마, 스케치 등)을 사용해 개발자가 직접 편집함. 장점 : 이미지 태그의 개수를 줄이기위해, html 파일 자체가 깔끔해지고 스크린리더로 탐색할 때 탐색속도가 빨라질것, 이미지 태그가 많을 수록 웹페이지를 로딩할 때 속도가 늦어짐 특정한 시야 거리에서 인간의 눈으로는 화소를 구분할 수 없는 화소 밀도(300 PPI가... 멋쟁이사자처럼TIL프론트엔드스쿨2기TIL 4월 19일 (화) 공튀기기 관련 Math.random() 함수는 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환하며, 이 값은 사용자가 원하는 범위로 변형할 수 있다. 난수 생성 알고리즘에 사용되는 초기값은 구현체가 선택하며, 사용자가 선택하거나 초기화할 수 없다. 0 이상 1 미만의 부동소숫점 의사 난수 반환 Math.floor() 함수는 주어진 숫자와 같... TIL과제TIL TIL-22.04.19 mongodb ohohoh mongodb 에러 극혐 ㅜㅜ 처음 pymongo 기본코드로 다음을 기입하고 url 자리에 mongodb url을 입력하였다. 그랬더니 두둥 ImportTimeError 가 발생했다. 어디서 에러가 난건지 감이 안잡혔는데, 인증서 오류로 환경변수 설정을 안했었다고 한다. 지긋지긋한 환경변수.. 하지만 다행스럽게도 시스템 환경변수에서 편집할 일 없이 다음 과정을 거치면 된다. 내가... 내일배움캠프TIL스파르타코딩클럽TIL 패스트 캠퍼스 MGS 3기 - 4월 19일(CSS 개요) CSS 선언 방식에는 내장 방식, 인라인 방식, 링크 방식, @import 방식으로 총 4가지의 방식이 있다. CSS 선택자에는 기본 선택자, 복합 선택자, 가상 클래스, 가상 요소, 속성이 있다. 기본 선택자 ABC 태그 선택자(Type Selector) .ABC 클래스 선택자(Class Selector) #ABC 아이디 선택자(ID Selector) 복합 선택자 자식 선택자(Child C... 패스트 캠퍼스TILCSSCSS [3일차] 자바 - 제어문 📅 2022-04-18 If문의 조건값은 boolean형인데 비해 switch문의 조건값은 long형을 제외한 정수형(byte, short,int) 또는 char형인 것이 다르다. JDK7.0이상부터는 문자열도 지원함 주어지는 조건의 결과가 true이면 if문 블럭을 코드를 실행함 특정한 명령들을 정해진 규칙에 따라 반복처리 할 때 사용... 학원TILTIL 220418 TIL 틀린 내용이 많을 예정입니다 ㅎㅎ 지난 주 프로젝트에서 JWT (Json Web Token)에 대한 적용과 학습키워드가 있었다. 하지만 DB설계를 비롯한 드래그앤스왑에 따른 순서변경에 관한 로직, 그리고 배포에 시간을 많이 쏟으면서 적용하지 못했다. ㅎㅎ 코드를 쳐보면서 flow를 익혀보려고 했다. token은 server가 설정한 secret key와 암호화 알고리즘을 활용해서 encodi... JWToAuthTILJWT 이전 기사 보기