CODESTATES IL 12주차 4일 - [Sprint]shortly-mvc (3) Advanced users table 을 만들어보세요. 필드는 자유롭게 디자인하세요 users 와 urls 는 1:N 관계여야 합니다. 그러기 위해서는, 새 마이그레이션 파일(Migration Skeleton)을 생성해서 urls 에 userId 필드를 만드세요. 이 마이그레이션 파일은 순수하게 필드 수정만을 담당합니다. 마이그레이션 파일에 FK를 설정할 수도 있습니다. Association... CODESTATESCODESTATES git을 이용한 Pair Programming git remote -v는 연결상태를 확인할때 쓰인다. change는 Commit할 내용 역할이 바뀐 드라이버가 Repository에서 pull... CODESTATESgitCODESTATES TodayILearn05 css 태그 공부 정리할 것 html 기본 문법 정리할 것 $cp a.txt b.txt $cp a.txt b $cp a.txt b/def c.txt $cp -r abc xyz $cp - r xyz/abc 리눅스 터미널을 실행할 수 있다. CLI를 이용한 작업과 GUI를 이용한 작업이 동일함을 이해할 수 있다. GUI의 변경사항을 CLI로 확인할 수 있다. CLI의 변경사항을 GUI로 확인할 ... CODESTATESlinuxITSEBCODESTATES 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 Make A Wish -2 "즐거운 기록" 학원에서 주최하는 현직자/수료자와의 meeting은 화요일 부정기적으로 개최가 되는데 시간상 과외 시간과 겹치다 보니 못 듣고 기록하지 못하는 게 게 좀 많이 아쉬워서 진행하는 콘텐츠! TIL 이 쓰기 싫고 기록할 행사가 없을 땐 일상의 행운을 기록해보려 한다 " 스쳐 가는 소소한 행복이 얼마나 소중한지 그땐 몰랐지.." 험난한 세상 학원의 코플릿과 HA 및 끔찍한 페어 시간... SEB32CODESTATESITCODESTATES TIL 27일차 재귀 함수2 재귀 함수 두 번째 시간. 같은 과목을 이틀이나 쓰는데는 이유가 있다. Advanced 항목으로 준 내용이 인상적이다. JSON 구조가 재귀 함수를 사용할 수 있는 Tree 구조임을 이해할 수 있다. JSON.stringify 와 JSON.parse 가 seriealize, deserialize라는 것을 이해할 수 있다. JSON.stringify 와 JSON.parse 를 사용하여 자바스크... TILCODESTATESCODESTATES 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 [TIL]Data Structure 02)Linked list 🤔 linked list를 알기전에 알아야할것? data structure에서 가장 중요한 부품이자 대상인 Memory! 가격 ↑, 용량 ↓, 전원꺼지면 데이터 사라짐. array vs linked list의 구조 비교 linked list : 각각의 엘리먼트들이 여기저기 메모리상에 랜덤으로 흩어져있지만, 다 ⭐연결되어있다! 각 메모리의 주소가 가리키는 사무실, 즉 공간에는 데이터가 저장되어... TILCODESTATESlinked listCODESTATES 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 37일차 (01-28-2021) 먼저 설명을 하자면 Queen의 충돌검사 메소드는 행, 열, 대각선, 역대각선 이 네가지의 충돌검사 메소드를 먼저 구현한 후 모두 합하여 최종적으로 Queen 충돌 메소가 나오게 된다. 행, 열 충돌검사 메소드는 처음 만들었을 때 내가 할 수 있는 가장 효율적인 메소드로 만들었고 더이상 진전은 무리였다. 그러나 대각선, 역대각선은 내가 처음 짠 코드가 굉장히 비효율 적으로 돌고 있다는게 느껴... nqueensolostudyCODESTATES코드스테이츠CODESTATES Devlog 7일차 입력 1초 기다리고 서버 요청 😤 이 날 이후로 손목보호를 위해서 왼손 마우스로 전향했다. 팀원들의 코드와 진행 상황을 봐주고 저녁부터는 이 부분을 중점적으로 진행했다. 특히 이 기능에 많은 시간을 썼다. 이 기능을 도입하면 불필요한 서버 중복 요청을 줄일 수 있다. 결론부터 이야기하면 useEffect 함수에 바로 async를 씌울 수 없다. 예를 들어 useEffect(async () => { 이런 코드는 안된다. 비동기... DevlogCODESTATESdeepdiveCODESTATES
IL 12주차 4일 - [Sprint]shortly-mvc (3) Advanced users table 을 만들어보세요. 필드는 자유롭게 디자인하세요 users 와 urls 는 1:N 관계여야 합니다. 그러기 위해서는, 새 마이그레이션 파일(Migration Skeleton)을 생성해서 urls 에 userId 필드를 만드세요. 이 마이그레이션 파일은 순수하게 필드 수정만을 담당합니다. 마이그레이션 파일에 FK를 설정할 수도 있습니다. Association... CODESTATESCODESTATES git을 이용한 Pair Programming git remote -v는 연결상태를 확인할때 쓰인다. change는 Commit할 내용 역할이 바뀐 드라이버가 Repository에서 pull... CODESTATESgitCODESTATES TodayILearn05 css 태그 공부 정리할 것 html 기본 문법 정리할 것 $cp a.txt b.txt $cp a.txt b $cp a.txt b/def c.txt $cp -r abc xyz $cp - r xyz/abc 리눅스 터미널을 실행할 수 있다. CLI를 이용한 작업과 GUI를 이용한 작업이 동일함을 이해할 수 있다. GUI의 변경사항을 CLI로 확인할 수 있다. CLI의 변경사항을 GUI로 확인할 ... CODESTATESlinuxITSEBCODESTATES 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 Make A Wish -2 "즐거운 기록" 학원에서 주최하는 현직자/수료자와의 meeting은 화요일 부정기적으로 개최가 되는데 시간상 과외 시간과 겹치다 보니 못 듣고 기록하지 못하는 게 게 좀 많이 아쉬워서 진행하는 콘텐츠! TIL 이 쓰기 싫고 기록할 행사가 없을 땐 일상의 행운을 기록해보려 한다 " 스쳐 가는 소소한 행복이 얼마나 소중한지 그땐 몰랐지.." 험난한 세상 학원의 코플릿과 HA 및 끔찍한 페어 시간... SEB32CODESTATESITCODESTATES TIL 27일차 재귀 함수2 재귀 함수 두 번째 시간. 같은 과목을 이틀이나 쓰는데는 이유가 있다. Advanced 항목으로 준 내용이 인상적이다. JSON 구조가 재귀 함수를 사용할 수 있는 Tree 구조임을 이해할 수 있다. JSON.stringify 와 JSON.parse 가 seriealize, deserialize라는 것을 이해할 수 있다. JSON.stringify 와 JSON.parse 를 사용하여 자바스크... TILCODESTATESCODESTATES 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 [TIL]Data Structure 02)Linked list 🤔 linked list를 알기전에 알아야할것? data structure에서 가장 중요한 부품이자 대상인 Memory! 가격 ↑, 용량 ↓, 전원꺼지면 데이터 사라짐. array vs linked list의 구조 비교 linked list : 각각의 엘리먼트들이 여기저기 메모리상에 랜덤으로 흩어져있지만, 다 ⭐연결되어있다! 각 메모리의 주소가 가리키는 사무실, 즉 공간에는 데이터가 저장되어... TILCODESTATESlinked listCODESTATES 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 37일차 (01-28-2021) 먼저 설명을 하자면 Queen의 충돌검사 메소드는 행, 열, 대각선, 역대각선 이 네가지의 충돌검사 메소드를 먼저 구현한 후 모두 합하여 최종적으로 Queen 충돌 메소가 나오게 된다. 행, 열 충돌검사 메소드는 처음 만들었을 때 내가 할 수 있는 가장 효율적인 메소드로 만들었고 더이상 진전은 무리였다. 그러나 대각선, 역대각선은 내가 처음 짠 코드가 굉장히 비효율 적으로 돌고 있다는게 느껴... nqueensolostudyCODESTATES코드스테이츠CODESTATES Devlog 7일차 입력 1초 기다리고 서버 요청 😤 이 날 이후로 손목보호를 위해서 왼손 마우스로 전향했다. 팀원들의 코드와 진행 상황을 봐주고 저녁부터는 이 부분을 중점적으로 진행했다. 특히 이 기능에 많은 시간을 썼다. 이 기능을 도입하면 불필요한 서버 중복 요청을 줄일 수 있다. 결론부터 이야기하면 useEffect 함수에 바로 async를 씌울 수 없다. 예를 들어 useEffect(async () => { 이런 코드는 안된다. 비동기... DevlogCODESTATESdeepdiveCODESTATES