CODESTATES TIL 21.06.25 확실히 깨닫게 된것은, 나는 자유로이 풀어놓으면 많이 게을러진다는것이다. 혼자서 이론 학습을 하려하니 집중이 잘 되지 않았다. 개인 학습 시간에 여러번 다시 읽어보았지만 확실히 데이터베이스는 낯설다보니 NoSQL의 장점 및 특징에 대해서 이해 할 수 있다. MongoDB의 도큐먼트(Document)와 컬렉션(Collection)에 대해 이해할 수 있다. JSON과 BSON의 차이점을 이해하고... Today I learnedCODESTATESCODESTATES TIL 62일차 네트워크 심화 특히 이번 주는 주로 솔로로 진행되는 스프린트가 많았다. 이러면 딱 보면.. 특히 마지막 연습문제 섹션이 마음에 들었다. 그리고 IP통신의 단점을 보완하기 위해서 나오는 TCP/UDP. HTTP 부터 내 영역이 아니라서 조금 낯설다. HTTP 지속 연결 개념이 새로웠다. 이전엔 파일 하나 보내고 연결 끊고 다시 파일 하나 보내고 연결 끊었으면, HTTP 1.1부터는 기본으로 지속 연결에 Ti... TILCODESTATESCODESTATES SEB Full 36_2일차 - 함수 - 변수와 자료형 const : 상수(변하지 않는 값)를 선언한다 let : 변수를 선언하고, 초기값 설정이 가능하다 * 지정된 값(초기값)이 없다면 undefined 문자열(String) 객체(Object) 함수(Function) 정의되지 않음(undefined) number: 0, -1, 1, 3.14 등 모든 수 string : '' 또는 "" 안에 입력된 값 boolean :... CODESTATESCODESTATES IL 3주차 5일 - 스코프, 클로저 학습 내용 1.1 용어 1.1.1 Scope 범위, 변수의 유효 범위 1.1.2 Execution Context 실행 가능한 코드가 실행되는 환경 자바스크립트의 동작원리 1.2 스코프의 종류 1.2.1 block scope 하기 코드어서 { } 로 채워지는 부분 1.2.2 function scope -함수 선언식 및 함수 표현식 부분 1.3 스코프의 규칙 firstName 변수는 함수 내부(... CODESTATESCODESTATES Final project - Dev16 구글링 해보니 WEB-AUDIO-API라는 큰 틀안에 AudioContext가 존재했다. mdn을 위주로 개념을 파악했다. 하지만, audio태그만으로는 복잡한 오디오 작업을 처리할만큼 강력하지는 않다. Web Audio API 는 웹에서 오디오에 이펙트를 추가하거나,오디오를 시각화하거나, 패닝과 같은 공간 이펙트를 적용시키는 등의 작업 하는등 다양한 기능을 구현할 수 있도록 도와준다. WE... CODESTATESprojectCODESTATES [TIL] Day14-scope&closure 원시자료형은 한개의 데이터만을 담을 수 있다. 변수에도 한개의 데이터만 담을 수 있다. 참조 자료형은 기존 고정된 크기의 보관함이 아닌 동적으로 크기가 변하는 보관함을 사용할 수 있다. 변수에 접근할 수 있는 범위가 존재, 중괄호(블록) 안쪽에 변수가 선언되었는가, 바깥쪽에 변수가 선언되었는가가 중요 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능 let b는 scope2의 변수이... JavaScriptCODESTATESCODESTATES 2주 프로젝트 - fullstack 나는 react-router-dom을 이용해 spa 환경을 구축해보았다. 우선은 react-router-dom을 설치한뒤, BrowserRouter, Route, Switch를 import해왔고, 각 컴포넌트에는 Link를 import 했다. 여기서 각 기능을 짚고 넘어가자면, BrowserRouter: 웹 애플리케이션에서 HTML5의 를 이용해 새로고침하지 않고도 주소를 변경할 수 있는 역... CODESTATESprojectCODESTATES TIL 51일차 관계형 데이터베이스 실습1 오늘은 DB 실습을 진행했다. 스키마를 만들고 NodeJS에서 MySQL 연결하고 간단한 SQL문을 보내봤다. 내용이 짧으면서 강렬했다. 스키마를 만들 때는 확장성을 고려하고 Join Table을 만들어야 되는 항목에 대해서 고민했다. NodeJS와 MySQL은 연결 파트는 미리 작성되어 있었으나 인증 이슈로 인하여 삽질을 조금 했다. 문제를 검색하고 문제를 해결하는 과정은 모든 IT 분야에... TILCODESTATESCODESTATES TodayILearn12 32기를 떠나며 회고록을 써보고 싶었다🥲 쓰기전엔 잠깐 부끄럽다는 생각이 들었지만 이거라도 안쓰면 HA를 통과 못했다는 우울증과 압박감에 더욱더 아무것도 안할 거라는 생각이 들어 적어본다 32기는 스프링 + js 를 같이 공부하는 심화반 이였다. 들리는 말로는 32기가 막기수라고도 하고.. 백엔드를 준비하는 학생과 이직을 준비하는 중고신입들이 가득한 32기 열정이 가득한 반이였다. 만나는 분... FULLCODESTATESITSEBCODESTATES TIL 14주차 4일_배포 실습_(3) RDS(데이터베이스 ) RDS 페이지에 가서 데이터 베이스 생성 데이터베이스 이름, 접속 아이디, 접속 비번 생성 외부 액세스 및 포트 번호 설정 초기 테이블 이름 설정 터미널에서 아래 명령어로 접속 VScode 원격 접속으로 EC2 인스턴스 접속 설정 EC2 인스턴스 접속하여 서버 파일의 환경변수 수정... CODESTATESCODESTATES 11일차 (12-21-2020) 잠도 많이 못잔 탓에 조금 무기력했다. 오늘 페어 팀원분이 너무 잘하셔서 진행이 좀 빨랐다. 진행이 빠른 만큼 복습할 시간도 많이 늘어나 좋았다. 오늘 배운 고차함수에 대해 조금 설명하자면. 함수라는 말이 참 많이 나오네? 그러나 배우면서 느끼는 건 for/ while 같은 반복문을 굳이 쓰지 않아도 더욱 간단하게 결과를 낼 수 있다는 것이다. 그러나 간단할수록 이해하기 어려운 것이다. 나와... CODESTATES고차함수코드스테이츠CODESTATES TodayILearn02 매개변수의 확실한 개념 함수, 조건문의 '조건'scope 함수 Intro 1 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. 2 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. 3 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. 4 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. 5 함수의 결과값... TILCODESTATESITCODESTATES TIL 21.05.21 클라이언트-서버 콘셉트를 이해할 수 있다. 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 브라우저의 작동 원리를 이해할 수 있다. 보이지 않는 곳의 통신을 이해할 수 있다. URL과 URI의 차이를 이해할 수 있다. 클라이언트-서버 아키텍처 이렇게 프로그램이 활용할 수 있는 데이터나 루틴들을 리소스(R... CODESTATESToday I learnedCODESTATES TodayILearn15 혼이 나야하는 인간 === 나 엄마아빠미안해.. nodejs공부를하는중 section2 부터 다시시작하는 공부! 실은 ha2를 떨어져서..다시..공부 프로미스는 언제 써야하는지는알겠으나 아직 작동원리는 공부중 비동기적 흐름이 node.js 의 핵심! node.js를 써야 하는 것 같은데요? = http 공부와 api 공부를 다시 해보고 오기. Node.js HTTP 처리 과정을 잘 이해하게 ... CODESTATESSEBCODESTATES TodayILearn09 3시간 연속, 점심시간 이후 4시간 연속으로 단 10분도 쉬지않았음. 물 받고, 화장실 가는 걸 빼곤 개념, 알고리즘 계속 알려주심 ㅋㅋㅋ 미리 해버리시고는 또 내 코드 충고까지 ㅋㅋ 어제부터 나의 바닥이 보여진 것 같아 배열과 객체의 구조를 이해하고 언제, 어떻게 사용하는 지 이해할 수 있다. 배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해할 수 있다. 객체 실습 - 2의 tweet... FULLCODESTATESITSEBCODESTATES [TIL] Day32- HTTP/네트워크 기초 클라이언트-서버 콘셉트를 이해할 수 있다. 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 브라우저의 작동 원리를 이해할 수 있다. 보이지 않는 곳의 통신을 이해할 수 있다. URL과 URI의 차이를 이해할 수 있다. IP 주소와 PORT에 대해 이해할 수 있다. DNS와 IP 주소의 관계를 설명할 수 ... httpCODESTATES네트워크CODESTATES [TIL] Day43- React 상태관리(2) 상태 관리 라이브러리가 왜 필요한지 이해할 수 있다. Redux (혹은 Flux Pattern)에서 사용하는 Action, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다. Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다. Presentational 컴포넌트와 Container 컴포넌트의 개념을 이해할 수 있다. Redux hooks(use... ReactCODESTATESreduxCODESTATES
TIL 21.06.25 확실히 깨닫게 된것은, 나는 자유로이 풀어놓으면 많이 게을러진다는것이다. 혼자서 이론 학습을 하려하니 집중이 잘 되지 않았다. 개인 학습 시간에 여러번 다시 읽어보았지만 확실히 데이터베이스는 낯설다보니 NoSQL의 장점 및 특징에 대해서 이해 할 수 있다. MongoDB의 도큐먼트(Document)와 컬렉션(Collection)에 대해 이해할 수 있다. JSON과 BSON의 차이점을 이해하고... Today I learnedCODESTATESCODESTATES TIL 62일차 네트워크 심화 특히 이번 주는 주로 솔로로 진행되는 스프린트가 많았다. 이러면 딱 보면.. 특히 마지막 연습문제 섹션이 마음에 들었다. 그리고 IP통신의 단점을 보완하기 위해서 나오는 TCP/UDP. HTTP 부터 내 영역이 아니라서 조금 낯설다. HTTP 지속 연결 개념이 새로웠다. 이전엔 파일 하나 보내고 연결 끊고 다시 파일 하나 보내고 연결 끊었으면, HTTP 1.1부터는 기본으로 지속 연결에 Ti... TILCODESTATESCODESTATES SEB Full 36_2일차 - 함수 - 변수와 자료형 const : 상수(변하지 않는 값)를 선언한다 let : 변수를 선언하고, 초기값 설정이 가능하다 * 지정된 값(초기값)이 없다면 undefined 문자열(String) 객체(Object) 함수(Function) 정의되지 않음(undefined) number: 0, -1, 1, 3.14 등 모든 수 string : '' 또는 "" 안에 입력된 값 boolean :... CODESTATESCODESTATES IL 3주차 5일 - 스코프, 클로저 학습 내용 1.1 용어 1.1.1 Scope 범위, 변수의 유효 범위 1.1.2 Execution Context 실행 가능한 코드가 실행되는 환경 자바스크립트의 동작원리 1.2 스코프의 종류 1.2.1 block scope 하기 코드어서 { } 로 채워지는 부분 1.2.2 function scope -함수 선언식 및 함수 표현식 부분 1.3 스코프의 규칙 firstName 변수는 함수 내부(... CODESTATESCODESTATES Final project - Dev16 구글링 해보니 WEB-AUDIO-API라는 큰 틀안에 AudioContext가 존재했다. mdn을 위주로 개념을 파악했다. 하지만, audio태그만으로는 복잡한 오디오 작업을 처리할만큼 강력하지는 않다. Web Audio API 는 웹에서 오디오에 이펙트를 추가하거나,오디오를 시각화하거나, 패닝과 같은 공간 이펙트를 적용시키는 등의 작업 하는등 다양한 기능을 구현할 수 있도록 도와준다. WE... CODESTATESprojectCODESTATES [TIL] Day14-scope&closure 원시자료형은 한개의 데이터만을 담을 수 있다. 변수에도 한개의 데이터만 담을 수 있다. 참조 자료형은 기존 고정된 크기의 보관함이 아닌 동적으로 크기가 변하는 보관함을 사용할 수 있다. 변수에 접근할 수 있는 범위가 존재, 중괄호(블록) 안쪽에 변수가 선언되었는가, 바깥쪽에 변수가 선언되었는가가 중요 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능 let b는 scope2의 변수이... JavaScriptCODESTATESCODESTATES 2주 프로젝트 - fullstack 나는 react-router-dom을 이용해 spa 환경을 구축해보았다. 우선은 react-router-dom을 설치한뒤, BrowserRouter, Route, Switch를 import해왔고, 각 컴포넌트에는 Link를 import 했다. 여기서 각 기능을 짚고 넘어가자면, BrowserRouter: 웹 애플리케이션에서 HTML5의 를 이용해 새로고침하지 않고도 주소를 변경할 수 있는 역... CODESTATESprojectCODESTATES TIL 51일차 관계형 데이터베이스 실습1 오늘은 DB 실습을 진행했다. 스키마를 만들고 NodeJS에서 MySQL 연결하고 간단한 SQL문을 보내봤다. 내용이 짧으면서 강렬했다. 스키마를 만들 때는 확장성을 고려하고 Join Table을 만들어야 되는 항목에 대해서 고민했다. NodeJS와 MySQL은 연결 파트는 미리 작성되어 있었으나 인증 이슈로 인하여 삽질을 조금 했다. 문제를 검색하고 문제를 해결하는 과정은 모든 IT 분야에... TILCODESTATESCODESTATES TodayILearn12 32기를 떠나며 회고록을 써보고 싶었다🥲 쓰기전엔 잠깐 부끄럽다는 생각이 들었지만 이거라도 안쓰면 HA를 통과 못했다는 우울증과 압박감에 더욱더 아무것도 안할 거라는 생각이 들어 적어본다 32기는 스프링 + js 를 같이 공부하는 심화반 이였다. 들리는 말로는 32기가 막기수라고도 하고.. 백엔드를 준비하는 학생과 이직을 준비하는 중고신입들이 가득한 32기 열정이 가득한 반이였다. 만나는 분... FULLCODESTATESITSEBCODESTATES TIL 14주차 4일_배포 실습_(3) RDS(데이터베이스 ) RDS 페이지에 가서 데이터 베이스 생성 데이터베이스 이름, 접속 아이디, 접속 비번 생성 외부 액세스 및 포트 번호 설정 초기 테이블 이름 설정 터미널에서 아래 명령어로 접속 VScode 원격 접속으로 EC2 인스턴스 접속 설정 EC2 인스턴스 접속하여 서버 파일의 환경변수 수정... CODESTATESCODESTATES 11일차 (12-21-2020) 잠도 많이 못잔 탓에 조금 무기력했다. 오늘 페어 팀원분이 너무 잘하셔서 진행이 좀 빨랐다. 진행이 빠른 만큼 복습할 시간도 많이 늘어나 좋았다. 오늘 배운 고차함수에 대해 조금 설명하자면. 함수라는 말이 참 많이 나오네? 그러나 배우면서 느끼는 건 for/ while 같은 반복문을 굳이 쓰지 않아도 더욱 간단하게 결과를 낼 수 있다는 것이다. 그러나 간단할수록 이해하기 어려운 것이다. 나와... CODESTATES고차함수코드스테이츠CODESTATES TodayILearn02 매개변수의 확실한 개념 함수, 조건문의 '조건'scope 함수 Intro 1 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. 2 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. 3 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. 4 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. 5 함수의 결과값... TILCODESTATESITCODESTATES TIL 21.05.21 클라이언트-서버 콘셉트를 이해할 수 있다. 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 브라우저의 작동 원리를 이해할 수 있다. 보이지 않는 곳의 통신을 이해할 수 있다. URL과 URI의 차이를 이해할 수 있다. 클라이언트-서버 아키텍처 이렇게 프로그램이 활용할 수 있는 데이터나 루틴들을 리소스(R... CODESTATESToday I learnedCODESTATES TodayILearn15 혼이 나야하는 인간 === 나 엄마아빠미안해.. nodejs공부를하는중 section2 부터 다시시작하는 공부! 실은 ha2를 떨어져서..다시..공부 프로미스는 언제 써야하는지는알겠으나 아직 작동원리는 공부중 비동기적 흐름이 node.js 의 핵심! node.js를 써야 하는 것 같은데요? = http 공부와 api 공부를 다시 해보고 오기. Node.js HTTP 처리 과정을 잘 이해하게 ... CODESTATESSEBCODESTATES TodayILearn09 3시간 연속, 점심시간 이후 4시간 연속으로 단 10분도 쉬지않았음. 물 받고, 화장실 가는 걸 빼곤 개념, 알고리즘 계속 알려주심 ㅋㅋㅋ 미리 해버리시고는 또 내 코드 충고까지 ㅋㅋ 어제부터 나의 바닥이 보여진 것 같아 배열과 객체의 구조를 이해하고 언제, 어떻게 사용하는 지 이해할 수 있다. 배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해할 수 있다. 객체 실습 - 2의 tweet... FULLCODESTATESITSEBCODESTATES [TIL] Day32- HTTP/네트워크 기초 클라이언트-서버 콘셉트를 이해할 수 있다. 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 브라우저의 작동 원리를 이해할 수 있다. 보이지 않는 곳의 통신을 이해할 수 있다. URL과 URI의 차이를 이해할 수 있다. IP 주소와 PORT에 대해 이해할 수 있다. DNS와 IP 주소의 관계를 설명할 수 ... httpCODESTATES네트워크CODESTATES [TIL] Day43- React 상태관리(2) 상태 관리 라이브러리가 왜 필요한지 이해할 수 있다. Redux (혹은 Flux Pattern)에서 사용하는 Action, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다. Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다. Presentational 컴포넌트와 Container 컴포넌트의 개념을 이해할 수 있다. Redux hooks(use... ReactCODESTATESreduxCODESTATES