코드스테이츠 [Reflection] 코드스테이츠 블록체인 개발자교육 6주차 후기 핵심은 fetch를 이용하여 얻고자하는 정보를 uri를 이용하여 서버에 요청하고 받는 방법, 즉 요청과 응답의 과정을 postman으로 확인해가며 실제 프론트엔드, 백엔드 개발자 간의 업무 진행을 조금이나마 옅볼 수 있는 수업이었다. 추가적으로 배운 node js를 이용하여 마치 내 로컬 pc에 서버가 존재하는 것 마냥. 내가 직접 요청하고 정보를 받는 작업을 해볼 수 있었다. 검색할 위치는... 후기BEB 04기6주차코드스테이츠6주차 [예습] React State & Props 이해 React 기초 수업이 시작한지 2일이 지나간다. 처음 여유로웟던 2주와 다르게 하루하루가 어제 밀린 과제 목록을 복습하고, 뒤늦은 시간에야 다음날에 학습할 수업을 예습하고자 첫 장을 편다. 회사 다닐 때 느끼지 못했던 쫒기는 기분.. 대학교 시험기간에도 느끼지 못했던 두려움이다. 그 덕분에 나는 인생에 있어서 가장 의자에 오래 앉아 있는 시간을 보내고 있다. 그리고 오늘도 내일의 수업을 미... 블록체인Props예습코드스테이츠ReactStateBEB 04기BEB 04기 [복습] React State, props 활용한 과제 이번 과제는 npm으로 진행되었으므로 과제를 진행 하기 전, npm install 명령어를 터미널에 입력하여 npm 설치를 진행하였다. 이전에 spa부분을 예습하면서 정리했던 내용에 포함되어있는 router 관련 컴포넌트들을 사용하기 위해 과제를 시작하기 전, npm i react-router-dom 명령어를 터미널에 입력하여 설치를 진행하였다. 아래 그림과 같은 좌측 사이드 부분에 아이콘 ... 블록체인복습Props코드스테이츠ReactStateBEB 04기BEB 04기 Kartrider_Meta_Analysis_Project (Result) Topic : 카트라이더 Open API를 이용하여 v1엔진의 레전드 카트가 출시되기 전후의 메타를 분석하고 정보에 따른 승률을 예측하는 프로젝트 카트라이더 공식 Open API를 이용하여 데이터셋을 만든다. 위의 이미지를 참고바란다. 7) matchRank : 0은 강제종료를 의미 (일부 행 제거) 1) matchResult, matchWin : target에 직접적 영향을 줌 위의 그래프... 카트라이더AI부트캠프11기코드스테이츠프로젝트AI부트캠프11기 [Reflection] 코드스테이츠 블록체인 개발자교육 5주차 후기 긴장으로 가득찬 시험이 예상되었으나 다소 차분한 마음으로 시작할 수 있었던 것은 시험의 결과에 부담을 덜고자하는 다짐 덕이었던 것 같다. 덕분에 5주차 수업은 마음을 편안하게 보낼 수 있었고 그동안의 수업보다 더 자연스러운 집중을 할 수 있던 것 같다. 그리고 소리내어 읽는 것과 속으로 읽는 것의 차이가 존재했는데 소리내어 읽을 경우 단어같은 단기적인 암기에 효과가 있는 반면 속으로 읽는 경... 후기BEB 04기sort함수코드스테이츠블록체인5주차5주차 코드스테이츠 6주차 / Beesbeesbees 베웠던 상속 개념을 적용하는 스프린트 였다 전체적인 파일의 구성은 이렇게 되어있었고 Grub 파일 먼저 작성해보자 속성은 this 로 선언해주면 되고 메소드는 constructor 밖에 선언하면 된다 extends 와 super을 사용해서 Grub를 상속하고 나머지 케이스를 추가해준다 처음에는 어떻게 손을 대야하나 어려울 수 있지만 반복하다보면 조금 쉬워진다..... 코드스테이츠코드스테이츠 [Server] 암호화와 Hashing 기본 암호화(encryption) : 일련의 정보를 임의의 방식을 사용하여 다른 형태로 변환 후 해당 방식에 대한 정보를 소유한 사람을 제외하고 이해할 수 없도록 알고리즘을 이용해 정보를 관리하는 과정 *1q2w3e4r처럼 뻔한 password같이 레인보우 테이블에 기록된 경우 값을 알 수 있음 해시 충돌 : 경우에 따라 다른 input임에도 똑같은 해시 값이 나올 수 있음 적용 : 비밀번호에 대... server코드스테이츠server 코드스테이츠 4주차 / <script> 태그의 위치 ✅ HTML에서 Javascript 파일을 불러올 때 주의점에 대해서 이해할 수 있다. ✅ <script> 태그가 적용되는 위치에 따라서 실행 결과가 달라질 수 있음을 이해할 수 있다. <script> 태그가 적용되는 위치에 따라서 실행 결과가 달라질 수 있다 HTML 해석을 잠시 멈추고 <script> 요소를 먼저 실행한다 그 뒤에 HTMl 파싱이 계속된다 head 태그 안쪽에 script... 코드스테이츠코드스테이츠 HA(Hiring Assesment)-TIL 웹사이트를 테스트 서버에 구축 후 테스트를 수행하기 위해서 사용되는 Dummy 값들에 적용할 수 있으며, 테스트 데이터에 적용하면 항상 다른 값들을 반환하기 때문에 테스트(QA)를 수행하는데 있어 더 많은 case를 수행할 수 있다고 한다.// 이 내용은 좀더 알아보아야 겠지만, shuffle은 우리말의 의미대로 slice()는 원본을 대체하지 않고, 원본 배열에서 요소의 얕은 복사본을 반환... TIL코드스테이츠Christy'sNoteChristy'sNote [Today I Learned] EP.1 객체지향 프로그래밍 객체 지향 프로그래밍? Javascript(이하 Js)는 매우 객체 지향적인 프로그래밍 언어이다. 객체 지향 프로그래밍(OOP, Object-oriented programming)은 데이터와 기능을 한 곳에 묶어서 처리한다. 속성과 메소드가 하나의 객체(Object)라는 개념에 포함된다. Js의 내장타입인 object와는 다르게 클래스 (Class) 라는 이름으로 부른다. class?? 클래... 개발자가되자코린이코드스테이츠개발자가되자 SEB[JS/Node : 핵심개념, 문법] 원시 자료형이 보관함인 변수에는 하나의 원시자료형만 들어갈 수 있다. 할당 시에 원시 자료형은 변수에 값 자체가, 참조 자료형은 주소가 담긴다. 원시 자료형의 보관함 크기는 고정, 참조 자료형은 동적으로 크기가 변한다. 스코프의 종류와 let, var, const 키워드 var 키워드는 블록 스코프를 무시하고, 함수 스코프만 따른다. 블록 단위로 스코프를 구현했을 때, 훨씬 더 예측 가능한 ... JavaScript부트캠프코드스테이츠JavaScript [JS/브라우저] DOM 1.<head>안쪽에 <script>추가하기 2.<body> 내의 최하단에 <script>추가하기 HTML 태그들 사이에 script 태그가 위치하면 발생하는 2가지 문제 위와 같은 상황을 막기 위해 script 태그는 body 태그 최하단에 위치하는 게 좋다. 브라우저에서 작동되는 자바스크립트 코드에서는, 어디에서나 document객체를 조회할 수 있다. Q. body 엘리먼트의 자식 엘리... browserDOM코드스테이츠javascirptDOM 코드스테이츠 1주차 / 함수 함수 Intro ✅ 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. ✅ 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. ✅ 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. ✅ 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. ✅ 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있다. 함수 ... 코드스테이츠코드스테이츠 11일차 (12-21-2020) 잠도 많이 못잔 탓에 조금 무기력했다. 오늘 페어 팀원분이 너무 잘하셔서 진행이 좀 빨랐다. 진행이 빠른 만큼 복습할 시간도 많이 늘어나 좋았다. 오늘 배운 고차함수에 대해 조금 설명하자면. 함수라는 말이 참 많이 나오네? 그러나 배우면서 느끼는 건 for/ while 같은 반복문을 굳이 쓰지 않아도 더욱 간단하게 결과를 낼 수 있다는 것이다. 그러나 간단할수록 이해하기 어려운 것이다. 나와... CODESTATES고차함수코드스테이츠CODESTATES SEB[JS 객체지향] 객체 지향 프로그래밍(Object-Oriented Programming(OOP)) 은 절차 지향 프로그래밍과는 다르게 데이터와 기능을 묶어서 처리한다. OOP : 하나의 모델이 되는 청사진(class) 을 만들고, 그 청사진을 바탕으로 한 객체(instance) 를 만드는 프로그래밍 패턴 클래스는 표지 사진과 같이 함수로 정의될 수 있으나, ES6에서는 class키워드를 이용해 정의한다. 객... JavaScriptOOP코드스테이츠부트캠프JavaScript 코드스테이츠 1주차 / 반복문 반복문 기초, 퀴즈, 실습 ✅ 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다. ✅ for문과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다. ✅ 기본적인 for문 (for (let i = 0; i < 5; i++))을 응용하여 다양한 for문을 만들 수 있다. ✅ for와 while의 차이에 대해서 설명할 수 있다. ✅ 반복문에 조건문을 적용하여 특정 조건에서만 코드가... 코드스테이츠코드스테이츠 [TIL] 사용권한과 환경변수 파일이나 폴더에 대한 Read(읽기), Write(쓰기), Execute(실행) 권한을 의미한다. user / group / other로 분류된 사용자들이 그 파일에 대한 해당 권한이 있는지 정보를 알 수 있다. 터미널에서 'ls -l' 명령어를 입력하면 각 항목들에 관해서 권한 정보를 조회할 수 있다. user, group, and other group에는 여러 user가 포함될 수 있다.... TIL코드스테이츠linuxTIL [알고리즘] 시간 복잡도와 알고리즘 심화 효율적인 방법으로 문제를 해결하기 : 시간 복잡도 고려 Big-O(빅-오) : 최악의 경우를 고려 O(n) : 100,000,000 O(n^2) : 10,000 O(n^3) : 500 O(2^n) : 26 O(n!) : 11 2) O(n) : linear complexity *입력값이 커지면 커질수록 계수(n 앞에 있는 수)의 의미(영향력)가 점점 퇴색되기 때문 3) O(log n) : lo... algorithm코드스테이츠algorithm
[Reflection] 코드스테이츠 블록체인 개발자교육 6주차 후기 핵심은 fetch를 이용하여 얻고자하는 정보를 uri를 이용하여 서버에 요청하고 받는 방법, 즉 요청과 응답의 과정을 postman으로 확인해가며 실제 프론트엔드, 백엔드 개발자 간의 업무 진행을 조금이나마 옅볼 수 있는 수업이었다. 추가적으로 배운 node js를 이용하여 마치 내 로컬 pc에 서버가 존재하는 것 마냥. 내가 직접 요청하고 정보를 받는 작업을 해볼 수 있었다. 검색할 위치는... 후기BEB 04기6주차코드스테이츠6주차 [예습] React State & Props 이해 React 기초 수업이 시작한지 2일이 지나간다. 처음 여유로웟던 2주와 다르게 하루하루가 어제 밀린 과제 목록을 복습하고, 뒤늦은 시간에야 다음날에 학습할 수업을 예습하고자 첫 장을 편다. 회사 다닐 때 느끼지 못했던 쫒기는 기분.. 대학교 시험기간에도 느끼지 못했던 두려움이다. 그 덕분에 나는 인생에 있어서 가장 의자에 오래 앉아 있는 시간을 보내고 있다. 그리고 오늘도 내일의 수업을 미... 블록체인Props예습코드스테이츠ReactStateBEB 04기BEB 04기 [복습] React State, props 활용한 과제 이번 과제는 npm으로 진행되었으므로 과제를 진행 하기 전, npm install 명령어를 터미널에 입력하여 npm 설치를 진행하였다. 이전에 spa부분을 예습하면서 정리했던 내용에 포함되어있는 router 관련 컴포넌트들을 사용하기 위해 과제를 시작하기 전, npm i react-router-dom 명령어를 터미널에 입력하여 설치를 진행하였다. 아래 그림과 같은 좌측 사이드 부분에 아이콘 ... 블록체인복습Props코드스테이츠ReactStateBEB 04기BEB 04기 Kartrider_Meta_Analysis_Project (Result) Topic : 카트라이더 Open API를 이용하여 v1엔진의 레전드 카트가 출시되기 전후의 메타를 분석하고 정보에 따른 승률을 예측하는 프로젝트 카트라이더 공식 Open API를 이용하여 데이터셋을 만든다. 위의 이미지를 참고바란다. 7) matchRank : 0은 강제종료를 의미 (일부 행 제거) 1) matchResult, matchWin : target에 직접적 영향을 줌 위의 그래프... 카트라이더AI부트캠프11기코드스테이츠프로젝트AI부트캠프11기 [Reflection] 코드스테이츠 블록체인 개발자교육 5주차 후기 긴장으로 가득찬 시험이 예상되었으나 다소 차분한 마음으로 시작할 수 있었던 것은 시험의 결과에 부담을 덜고자하는 다짐 덕이었던 것 같다. 덕분에 5주차 수업은 마음을 편안하게 보낼 수 있었고 그동안의 수업보다 더 자연스러운 집중을 할 수 있던 것 같다. 그리고 소리내어 읽는 것과 속으로 읽는 것의 차이가 존재했는데 소리내어 읽을 경우 단어같은 단기적인 암기에 효과가 있는 반면 속으로 읽는 경... 후기BEB 04기sort함수코드스테이츠블록체인5주차5주차 코드스테이츠 6주차 / Beesbeesbees 베웠던 상속 개념을 적용하는 스프린트 였다 전체적인 파일의 구성은 이렇게 되어있었고 Grub 파일 먼저 작성해보자 속성은 this 로 선언해주면 되고 메소드는 constructor 밖에 선언하면 된다 extends 와 super을 사용해서 Grub를 상속하고 나머지 케이스를 추가해준다 처음에는 어떻게 손을 대야하나 어려울 수 있지만 반복하다보면 조금 쉬워진다..... 코드스테이츠코드스테이츠 [Server] 암호화와 Hashing 기본 암호화(encryption) : 일련의 정보를 임의의 방식을 사용하여 다른 형태로 변환 후 해당 방식에 대한 정보를 소유한 사람을 제외하고 이해할 수 없도록 알고리즘을 이용해 정보를 관리하는 과정 *1q2w3e4r처럼 뻔한 password같이 레인보우 테이블에 기록된 경우 값을 알 수 있음 해시 충돌 : 경우에 따라 다른 input임에도 똑같은 해시 값이 나올 수 있음 적용 : 비밀번호에 대... server코드스테이츠server 코드스테이츠 4주차 / <script> 태그의 위치 ✅ HTML에서 Javascript 파일을 불러올 때 주의점에 대해서 이해할 수 있다. ✅ <script> 태그가 적용되는 위치에 따라서 실행 결과가 달라질 수 있음을 이해할 수 있다. <script> 태그가 적용되는 위치에 따라서 실행 결과가 달라질 수 있다 HTML 해석을 잠시 멈추고 <script> 요소를 먼저 실행한다 그 뒤에 HTMl 파싱이 계속된다 head 태그 안쪽에 script... 코드스테이츠코드스테이츠 HA(Hiring Assesment)-TIL 웹사이트를 테스트 서버에 구축 후 테스트를 수행하기 위해서 사용되는 Dummy 값들에 적용할 수 있으며, 테스트 데이터에 적용하면 항상 다른 값들을 반환하기 때문에 테스트(QA)를 수행하는데 있어 더 많은 case를 수행할 수 있다고 한다.// 이 내용은 좀더 알아보아야 겠지만, shuffle은 우리말의 의미대로 slice()는 원본을 대체하지 않고, 원본 배열에서 요소의 얕은 복사본을 반환... TIL코드스테이츠Christy'sNoteChristy'sNote [Today I Learned] EP.1 객체지향 프로그래밍 객체 지향 프로그래밍? Javascript(이하 Js)는 매우 객체 지향적인 프로그래밍 언어이다. 객체 지향 프로그래밍(OOP, Object-oriented programming)은 데이터와 기능을 한 곳에 묶어서 처리한다. 속성과 메소드가 하나의 객체(Object)라는 개념에 포함된다. Js의 내장타입인 object와는 다르게 클래스 (Class) 라는 이름으로 부른다. class?? 클래... 개발자가되자코린이코드스테이츠개발자가되자 SEB[JS/Node : 핵심개념, 문법] 원시 자료형이 보관함인 변수에는 하나의 원시자료형만 들어갈 수 있다. 할당 시에 원시 자료형은 변수에 값 자체가, 참조 자료형은 주소가 담긴다. 원시 자료형의 보관함 크기는 고정, 참조 자료형은 동적으로 크기가 변한다. 스코프의 종류와 let, var, const 키워드 var 키워드는 블록 스코프를 무시하고, 함수 스코프만 따른다. 블록 단위로 스코프를 구현했을 때, 훨씬 더 예측 가능한 ... JavaScript부트캠프코드스테이츠JavaScript [JS/브라우저] DOM 1.<head>안쪽에 <script>추가하기 2.<body> 내의 최하단에 <script>추가하기 HTML 태그들 사이에 script 태그가 위치하면 발생하는 2가지 문제 위와 같은 상황을 막기 위해 script 태그는 body 태그 최하단에 위치하는 게 좋다. 브라우저에서 작동되는 자바스크립트 코드에서는, 어디에서나 document객체를 조회할 수 있다. Q. body 엘리먼트의 자식 엘리... browserDOM코드스테이츠javascirptDOM 코드스테이츠 1주차 / 함수 함수 Intro ✅ 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. ✅ 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. ✅ 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. ✅ 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. ✅ 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있다. 함수 ... 코드스테이츠코드스테이츠 11일차 (12-21-2020) 잠도 많이 못잔 탓에 조금 무기력했다. 오늘 페어 팀원분이 너무 잘하셔서 진행이 좀 빨랐다. 진행이 빠른 만큼 복습할 시간도 많이 늘어나 좋았다. 오늘 배운 고차함수에 대해 조금 설명하자면. 함수라는 말이 참 많이 나오네? 그러나 배우면서 느끼는 건 for/ while 같은 반복문을 굳이 쓰지 않아도 더욱 간단하게 결과를 낼 수 있다는 것이다. 그러나 간단할수록 이해하기 어려운 것이다. 나와... CODESTATES고차함수코드스테이츠CODESTATES SEB[JS 객체지향] 객체 지향 프로그래밍(Object-Oriented Programming(OOP)) 은 절차 지향 프로그래밍과는 다르게 데이터와 기능을 묶어서 처리한다. OOP : 하나의 모델이 되는 청사진(class) 을 만들고, 그 청사진을 바탕으로 한 객체(instance) 를 만드는 프로그래밍 패턴 클래스는 표지 사진과 같이 함수로 정의될 수 있으나, ES6에서는 class키워드를 이용해 정의한다. 객... JavaScriptOOP코드스테이츠부트캠프JavaScript 코드스테이츠 1주차 / 반복문 반복문 기초, 퀴즈, 실습 ✅ 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다. ✅ for문과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다. ✅ 기본적인 for문 (for (let i = 0; i < 5; i++))을 응용하여 다양한 for문을 만들 수 있다. ✅ for와 while의 차이에 대해서 설명할 수 있다. ✅ 반복문에 조건문을 적용하여 특정 조건에서만 코드가... 코드스테이츠코드스테이츠 [TIL] 사용권한과 환경변수 파일이나 폴더에 대한 Read(읽기), Write(쓰기), Execute(실행) 권한을 의미한다. user / group / other로 분류된 사용자들이 그 파일에 대한 해당 권한이 있는지 정보를 알 수 있다. 터미널에서 'ls -l' 명령어를 입력하면 각 항목들에 관해서 권한 정보를 조회할 수 있다. user, group, and other group에는 여러 user가 포함될 수 있다.... TIL코드스테이츠linuxTIL [알고리즘] 시간 복잡도와 알고리즘 심화 효율적인 방법으로 문제를 해결하기 : 시간 복잡도 고려 Big-O(빅-오) : 최악의 경우를 고려 O(n) : 100,000,000 O(n^2) : 10,000 O(n^3) : 500 O(2^n) : 26 O(n!) : 11 2) O(n) : linear complexity *입력값이 커지면 커질수록 계수(n 앞에 있는 수)의 의미(영향력)가 점점 퇴색되기 때문 3) O(log n) : lo... algorithm코드스테이츠algorithm