오늘부터 TIL(Today I Learned) 작성을 시작으로 블로그를 해보려고 한다.나는 준비기간이 길어지면 아무것도 못한다는 걸 아니까 일단 시작하고 조금씩 고쳐나갈 계획이다.
210118 TIL - 변수, 타입, 함수 변수(Variable) 변수란 이름(label)이 붙은 값이다. 키워드(let, const, var)를 사용해 변수를 선언하고, = 연산자를 이용해 변수에 값을 할당할 수 있다. 변수선언이란 쉽게 말해 이름을 붙임으로써
자바스크립트로 HTML 요소를 만들어서 삽입하기 JavaScript Calculator 과제를 나름대로의 생각으로 개선하던 중 display 아래에 계산식(과정)을 보여주고 싶었다. 자바스크립트로 클래스 변경하기 : className과 classList elem.c
배열과 객체에 대해 학습Coplit - 배열 문제 풀기 및 제출socrative 배열, 객체 퀴즈 풀기배열인지 아닌지를 확인하는 메서드Array.isArray(input) // --> true or false배열의 element를 추가 또는 삭제하는 메서드arr.pus
🍎 오늘 한 일 Coplit - 객체 문제 풀기 및 제출 원시자료형과 참조자료형 학습 변수의 유효범위(Scope)와 클로저(closure) 학습 socrative - 원시자료형, 참조자료형 퀴즈 풀기 socrative - 스코프, 클로저 퀴즈 풀기 ✍ 기억할 것들
내가 사용하고 있는 Ubuntu에 git을 설치했다. 생각보다 단순했다. 괜히 겁먹지 말자!CLI에 대해 공부했다.unix/linux 명령어들을 배우고 사용해봤다. 어찌보면 간단한데 아직 GUI에 익숙해서 그런지 CLI 사용이 편해지려면 더 연습이 필요할 것 같다.Gi
JavaScript Koans 스프린트를 완료했다.git과 CLI를 사용하는 것에 익숙해졌다.CSS Selector에 대해 배웠다.오늘 JavaScript Koans sprint 진행 중에 알게 된 내용 정리Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를
다양한 CSS Selector 학습Figma를 활용한 와이어프레임 제작하기와이어프레임을 기반으로 HTML 작성하기CSS를 적용해 목업 완성하기Flexbox로 레이아웃 만들기배운 내용들을 적용해서 원하는 Twittler 목업 구현하기부모 박스가 flex container
Lesson - 고차함수 학습Lesson - 내장 고차함수 학습Coplit - 고차함수 1-32번 해결 & 제출socrative - 고차함수 checkpoint 문제 풀기 (정답률: 5/7) 분발하자..😢 O, O, X, X, O, O, Oreduce 메소드의 ini
Coplit 알고리즘 Basic 1-10, 12, 14-17JS Calculator 오류 발견 & 수정 (아직 해결 못함..😢)동기부여 세션 듣기do... while문이렇게 될 때까지 해라!array.reverse() MUTABLEarray의 요소의 순서를 뒤집어준다
Coplit 알고리즘 Basic 11, 13, 18-20 DOM 학습.includes() method는 문자열에도 사용할 수 있다.해당 문자가 숫자들의 집합(문자열 또는 배열)에 속하는 지를 판단하기Array.includes(elem)String.includes(ele
유효성 검사 연습Twittler 함수 작성Twittler HTML, CSS 일부 수정기본적으로 <script> 태그를 만나면, 브라우저는 HTML 태그를 해석하는 것을 잠시 멈추고, JavaScript 파일을 불러와서 실행. 즉, <script> 태그 등장과
오늘 한 일 Twittler 스프린트 완료 SCSS 학습 더 공부할 것 로컬 스토리지 사용하기 JS 코드 깔끔하게 작성하기 live time 구현하기 Data 객체에 id 부여해서 관리하기 모달로 로그인 창 구현하는 법 연구해보기 SCSS 배운것 복습하기 느낀점 우
Twittler 로컬스토리지 구현하기알고리즘 문제 풀기 (프로그래머스)3진법 뒤집기124 나라의 숫자(https://programmers.co.kr/learn/courses/30/lessons/12899 toString과 Number.parseInt를 사
오늘 한 일 Underbar Sprint 자바스크립트 배열 내장 메소드 직접 구현하기 > #### Part1 .slice(), .take(), .drop(), .last(), .each(), .indexOf, .filter(), .reject(), .uniq(), .m
Underbar part2--done비동기호출 학습 --cf. 타이머API(스케쥴링)Underbar Advanced --done알고리즘 문제 풀기 --feat.시간복잡도클로저(closure)란? 외부함수의 실행이 종료되어도, 외부함수의 스코프에 접근할 수 있는 내부함수
재귀함수 학습Coplit - 재귀 - GOAL - 알고리즘 1단계 정복하기문자열을 정수로 바꾸기두 정수 사이의 합문자열 내림차순으로 배치하기k번째 수 (이중배열 다루기)가운데 글자 가져오기나누어 떨어지는 숫자 배열재귀는 예시를 하나 잡아서 단계별로 상태를 적어보자종결조
오늘 한 일 재귀를 이용해 JSON.stringify 함수 구현하기 기업용 애플리케이션에서 흔히 볼 수 있는 트리구조를 표현한 UI 구현하기 기억할 것 ...new Set([arr])으로 arr내 중복된 원소 제거하기
오늘 한 일 API(Application Programming Interface) 학습 날씨 앱 만들기 기억할 것 fetch함수 API를 JSON으로 받아와서 데이터 확인하는 방법 느낀점 내일 할 일 드디어 HA 시작
Pre 코스 Hiring Assessmentreduce를 break 하는 방법DOM을 다루는 것에 약하다는 것을 깨달았다. IM 코스를 시작하기 전에 DOM을 어렵지 않게 다루게 되는 것을 목표로 학습하자.코플릿과 알고리즘을 여러가지 방법으로 반복해서 풀어본 것이 HA
DOM 복습알고리즘 풀이하노이의 탑(재귀)소수, 약수 관련SCSS 복습 (1/3)SCSS 복습DOM으로 작업했던 스프린트들 가지고 놀면서 DOM 체득하기알고리즘 풀기
오늘은 Solo Week 마지막 날. 내일부터 이머시브 코스가 시작된다. (두근두근)3일 간의 솔로위크(?)동안 이머시브 코스를 대비해서! 그동안 많이 못 움직인 만큼 실컷 뛰어다니고 일찍 잠도 자고 밥도 천천히 먹고 힐링의 시간을 가졌더니 여유를 되찾은 것 같다.아침
오전에 IM코스 OT를 진행하고 오후에는 본격적인 이머시브 코스에 들어가기 전 개발환경을 구축하는 작업을 진행했다. 현재 JavaScript를 사용하고 있다. 자바스크립트는 npm과 같은 오픈 소스를 기반으로 개발자들이 스스로 업데이트하고 발전시키는 개발환경을 구축해왔
Git.1일 1커밋을 목표로 매일 알고리즘 문제를 풀어서 개인 repository에 올리고 있다. 솔직히 잔디심기보다는 git을 매일 사용하면서 git과 가까워지려는게 주된 목적이었는데 오늘 학습한 branch 관리는 확실히 다른 문제였다. 페어님과 함께 직접 Upst
오늘 드디어 node.js 학습을 시작했다. package.json까지는 이해가 갔는데, CommonJS 내용으로 접어들면서 node.js에서 사용하는 require 함수나 exports 객체에 대한 부분이 나오니까 진짜 이해가 하나도 안갔다. 인터넷으로 검색을 해서
Common JS Socrative Checkpoint Solutionlesson/ Spread, Rest 문법 && 구조 분해lesson/ 객체 review, 클래스와 인스턴스require 함수는 export라는 객체의 주소를 가져온다.그러니까 같은 주소를 바라보고
IM 코스를 시작하고 첫 주가 지났다. 오늘이 이번 주를 통틀어서 가장 또렷한 정신이었던 것 같다. 앞으로도 오늘만 같았으면 좋겠다!오늘은 배운 내용을 가지고 여러가지를 만들어보면서 노는데 시간을 많이 들였다. 재밌었다😎OOP(Object Oriented Progra
BeesBeesBees Sprint - Advanced Requirement 구현 (pair)Subclass Dance Party Sprint - 시작 (pair)파생클래스의 메서드에서 베이스클래스의 메서드를 상속받아 사용하고 싶다면 반드시 apply(this, arg
Subclass Dance Party 스프린트를 마쳤다. (개인적으로 지금까지 진행했던 스프린트 중에 가장 재밌었던 스프린트였다고 생각한다.) 클래스를 복습하면서 혼자서 아아랜드 프로그램을 만들어봤던 것이 많은 도움이 되었다. 역시 가지고 놀면서 배우는게 최고..ㅎㅅㅎ
오늘은 그동안 알고리즘을 항상 어딘가 막혀있는 느낌을 주게 했던 자료구조에 대해 학습했다. 😢 코플릿 문제는 스택과 큐를 구현하는 것까지가 오늘 진도였는데, 이론을 공부할 땐 간단하다고 생각했던 내용이 막상 코드로 구현하려고 하니 로직이 빨리 떠오르지 않아 답답했다.
IM 코스 2주차 과정이 끝났다. 자료구조와 알고리즘에 대해 배우기 시작했다. 그동안 알고리즘 문제를 풀면서 답답했던 부분을 채울 수 있을테니 개운하겠다고 생각했는데, 그 생각이 반은 맞고 반은 틀렸다. 🧐 확실히 개념을 아니까 전에 읽었던 글들을 다시 봤을 때 이해
Awesome한 날이었다. 주말 동안 꿈에서도 백트래킹 타령을 할 정도로 연구했는데 오늘 페어님과 4시간동안 알고리즘을 한 문제 밖에 못풀었다. 정규 세션이 끝나고 개인 학습 시간과 스터디시간을 통해 두문제를 더 해결했지만 아직 DP 한 문제가 남아있다.. 오늘 풀고
밥아저씨가 생각나는 오늘.일단 오늘은 오늘 안에 문제를 다 풀었다는 점에 만족한다. ㅇㅅㅇ.. 오늘은 일찍 자고! 내일 HA 잘 마치고 알고리즘 싹 다 정리하자. Algorithm with Math최대 공약수(GCD)와 최소 공배수(LCM)순열과 조합멱집합정규표현식Co
이머시브 코스에 올라와서 처음 맞이하는 HA를 끝냈다.알고리즘을 공부하면서 코플릿 문제들에 너무 데여서 엄청 걱정했었는데 걱정만큼 어렵지는 않아서 다행이었다. HA 문제들이 알고리즘에 시달리느라 잠시 제쳐두었던 전반적인 내용을 복습할 수 있는 내용으로 구성되어 있어서
IM: DAY 13 솔로 데이 첫 날. 드디어 백트래킹의 대표예제인 N-Queen을 풀었다. 백트래킹은 재귀를 이용한 dfs 방법이고 stack을 사용하는게 아니다. 라는 잘못된 개념에 사로잡혀 있었다는 것을 깨달았다. 그냥 머릿속을 백지 상태로 되돌려서 기본 dfs
솔로데이 둘째날. Wake up the Toy Problem DAY ONE. 첫 날의 아침 😖아침부터 비가 와서 머리가 지끈지끈하다. 커피를 생명수처럼 여기고 가까이 했더니 위염이 왔는지 속까지 메스껍다..🤢 날씨에 컨디션이 왔다갔다 하는 이 몹쓸 상황을 타개해야
컨디션 관리 차원에서 이번주는 TIL이 아닌 TWIL로 진행하려 한다.\+) 그래도 경추를 임시로라도 맞춰놓은게 효과가 있는지 오늘은 자정까지 멀쩡한(?) 정신으로 앉아있을 수 있었다. 제발 이대로 완전히 괜찮아져라..ㅠㅠ
🤔 HTTP 요청/응답과 Node.js의 http 모듈에 대해 정리해봅시다.
Toy Problem - treeDFS 풀기chatterbox server 구축socket.io를 이용해 완전한 실시간 통신을 구현해보기Node.js url module을 사용하면 라우팅 작업이 훨씬 쉬워진다.Node.js 공식문서 - How to access que
Toy Problem - power 풀기Express 학습chatterbox server 리팩토링 (Express 이용)socket.io는 express 객체에 사용할 수 없다.위와 같이 코드를 작성했더니 아래와 같은 에러코드를 확인할 수 있었다.결론 > socket.
React 학습 DAY ONE. TIL(feat. React 문답)
어제 학습한 React 기본 내용들을 가지고 유튜브 클론 코딩을 위한 기초단계인 Recast.ly 스프린트를 진행했다.
Meet React: DAY TWO그래도 이틀동안 리액트와 많이 친해진 것 같다. 페어분이 아프셔서 이번 스프린트는 솔로로 진행해서 더 다양한 의견을 듣지 못한게 아쉬웠지만 그만큼 스터디에서 동기들과 많은 내용을 공유해서 부족한 부분은 채워진 것 같다.페어와 의견을 나
IM: DAY 36 스프린트가 끝나고 여유 시간이 있어서 기본 스프린트보다 좀 더 그럴듯한 유튜브 클론코딩에 도전해봤다. 아직 원하는 만큼의 결과물은 아니지만 리액트를 다루는 일이 전보다는 수월해진 것 같아서 만족스럽다. (아래는 사진이 아니라 gif인데.. 용량이 너
React Hooks / React Router / React Modal 학습
IM course 2nd HA - Basic Web Hiring Assessments
IM 2차 HA(web)를 진행하면서 부족하다고 느꼈던 부분을 정리해보았다.
Redux : DAY ONE && 몹시몹시 행복한 날 💕💕💕
React - Reduxcmarket hooks sprint review (with pair)cmarket hooks sprint 리덕스를 사용해 리팩토링Typescript 맛보기컴포넌트에서 useSelector를 사용해 store에서 특정 상태를 가져올 수 있다.(스
이제야 조금 SQL이 어떻게 생긴건지 알게 된 느낌이다. Node.js도 그렇고 이번 sql도 그렇고 백엔드 공부는 초반에 익숙해지기까지 시간이 더 걸리는 것 같다. 조금 천천히 가더라도 제대로 알고 가야한다는 것을 잊지 말자.인스타그램 DB Diagram을 만드는데
(DAY 51) UP!!!!!!! 🎭🏰😍ORMMVC PatternReact에 summernote 라이브러리 적용하기스터디 참여Sequelize 설치Sequelize-cli 설치Bootstraping(프로젝트 초기 단계를 자동으로 설정할 수 있도록 도와주는 일)기존
껍데기는 가라!! 내일은 알맹이를 배우는 날 ㅎㅅㅎToy ProblemMongoDB 학습리뷰 스터디TDD 알아보기와이어프레임벨로그 글 보러가기 👉 \[Ubuntu] MongoDB 설치하기 (Ubuntu 20.04)fs(파일 시스템)을 사용하지 않고 데이터를 저장하기
Authentication: DAY ONE 🔐 Toy Problemhttpsmkcertngroksessionexpress-sessioncookiesession 인증이 들어간 axios 통신 시 인증 cookie 값을 전달하기 위해서는 반드시 아래 설정을 추가해주어야
Authentication: DAY TWO 🔐 - 토큰기반 인증 - JWT (JSON Web Token)
IM: DAY 57 오늘 마지막 HA 기억할 것 npm으로 로컬 라이브러리(모듈) 삭제하기 $ npm uninstall styled-components는 devDependencies에 설치하자.
HA 시연영상 재촬영 ㅠㅠ & 업로드 제출용 구글 드라이브DeployUrClass의 Achievement Goals중 일부를 정리클라우드 컴퓨팅은 IT 리소스를 인터넷을 통해 온디맨드(On Demand: 수요 중심 서비스)로 제공하고 사용한 만큼만 비용을 지불하는 것을
오늘로 Software Engineering 코스의 모든 스프린트가 끝났다. 이제 이틀 간의 솔로데이를 거쳐 드디어 대망의 프로젝트가 시작된다. (두근두근..💓)솔로데이와 주말을 이용해 부족한 부분을 잘 채워서 프로젝트 과정에서 번듯하게 한 사람 몫을 해낼 수 있도록
알고리즘 풀다가 삼천포로 빠지기//!codesandboxjolly-curran-0fge5?fontsize=14&hidenavigation=1&theme=darkTypeScriptRedux중간고사 준비전역에 npm 모듈 설치하기전역에 설치된 npm 모듈 확인하기전역에 설
중간고사TypeScript로 컴포넌트 만드는 법 공부다음 명령어를 사용하면 타입스크립트 설정이 적용된 리액트 프로젝트가 생성된다.Reference CRA - Adding TypeScript문제상황프로젝트에 Eslint와 Prettier를 함께 사용한다..prettie
코딩) 프로젝트 회의코딩) Next.js + React + TS 에 styled-components 적용 폴더 구조 정리Boilerplate code 생성atomic component 일부 작성학부) 중간 과제 작성 (30%)모든 스타일을 다 삭제할 게 아니라면 굳이
그래도 atomic 컴포넌트 80%는 만든 것 같다. 내일도 타입스크립트와 싸울 생각을 하니 짜릿하고 참.. 몹시 매우 아주 완전 즐겁다. ㅎㅅㅎ. 힘내자.학부) 중간 과제 - 작성완료 && 제출완료코드) Atomic components 만들기...inginput ch
BORDER : CARNIVAL 드디어 2주간의 First Project 시작. 😧 오늘은 코드스테이츠에서 제공받은 Repository에 초기설정을 해주고, 앞으로 진행할 태스크들을 이슈 카드로 만들어서 올리고, 커밋 메시지를 통일시키고, 폴더구조를 정리하고 하는데에
프로젝트 레포 wiki 문서 작성프로젝트 Directory Structure Map 작성github conflict 정리client 디렉토리 구조 정리pages 구현 시작컨텐츠 작성 페이지 작업 시작https://duncanleung.com/typescript
오늘의 이슈 .env 파일은 처음에 실행시킬 때 한번만 읽어온다. 만약 실행중에 값을 수정했다면 dev를 껐다가 다시 실행시켜야 한다. kakao map api 요청 시 플랫폼의 사이트 도메인 설정이 되어있는지 꼭 확인할 것 타입스크립트 사용 시 EventTarget