코드스테이츠 수료이후 #3
0. 우리의 퍼스트 프로젝트인 플랜팅 리펙토링 계획 우리 프로젝트의 문제점은 로그인을 하지 않으면 할 수 있는 기능이 많지 않다는 것이었다. advanced 에 있었던 기능인 캘린더 페이지와 다른사람이 올린 게시물을 보는 기능을 추가해보기로 했다. 나는 캘린더 기능을 ...
Recent posts
코드스테이츠 수료이후 계획 #2
1. 알고리즘 문제 1단계를 다시 풀고 있다. 생각보다 재밌다 :) 문장 그대로를 코드로 옮기는 능력도 필요하지만, 어떻게 하면 효율적으로 풀지? 에 대한 고민도 필요하다. 예를들어서 문제를 맞춘 사람을 알아내서 가장 많이 문제를 맞춘 사람을 나열해야 할때, 하지만 맞...
코드스테이츠 수료이후 계획 #1
0. 뚜껑열고 놀아봤다 내가 어디 까지 놀아볼 수 있나 한번 시험 해봤는데 이러다가 폐인이 될 것 같아서 그만 놀아야 겠다. 퇴사하고도 푹쉬지 못해서 피로가 약간 쌓인 상태였는데 푹 쉬니까 좋다. 역시 휴가는 누구에게나 필요한것..
93일차 코드스테이츠 수료
그래서 기분이 어떠니 일단 실감은 안난다. 당장 뭔가 변한것도 없고. 수료 이후에도 스터디다 리팩토링이다 아마 교육 수강때와 비슷하게 바쁘지 않을까.. 그래도 내가 뭔가 할 수 있다는 자신감이 생겼다. 새로운 업계로 이직할 수 있다. 커리어 전환...
92일차 Dev-log #21 The end
gif 만들기부터 시연영상 촬영까지 모두 마쳤다. 이상하게 아쉽지가 않다. 정말 최선을 다한 것 같다. 기능을 보고 또보고 클릭도해보고 꺼봤다가 로그인 해봤다가 로그아웃 해봤다가 혼자 즐겁다 😝
91일차 Dev-log #20
0. 끝이 보인다. 기술영상을 찍어야된다고해서 주제를 좀 생각해봐야겠다.. 내가 뭘 잘 설명할 수 있을까 ?
90일차 Dev-log #19
0. ui ux 를 생각하니 생각보다 추가할게 많다. 장바구니에 있는 물건이 삭제가 완료 되었을때, 삭제가 완료 되었다는 알림 결제하기 버튼을 클릭했을 때, 베타버전에서는 구매가 어렵습니다 는 알림 장바구니에 있는 모든 물건이 삭제 되었을때, 장바구니에 아무것도 없다는...
89일차 Dev-log #18
0. 장바구니 페이지에서 합계 금액과 합계 수량 보여주기 상태관리로 해야하나 ? - product 마다 상태를 만들어줘야 하는 번거로움 상위컴포넌트와 컴포넌트 간의 구조를 잘 짜야겠다 useEffect 두번째인자를 뭘로 해야할지 고민됨 깃헙은 어렵다… pull me...
88일차 Dev-log #17
0. 왜 되는지 모르겠지만 된다 어제 서버가 약간 맛이 갔었나보다.. 오전에 회의를 했는데 기능이 다시 된다. 이 상태를 잘 기억해…! 오리진 업스트림 dev 에 후다닥 업로드 클라이언트 작업을 합쳤다 나를 포함해서 3명… 여기저기서 conflict 발생하였다 ㅎㅎ
87일차 Dev-log #16
0. https 배포가 안된다. 주말내내 https 배포 위해서 지지고 볶고 난리를 쳤으나 결국 안된다. ‘내주변 카페 찾기’기능을 위해서는 https 배포가 필요해서 시간을 들이고 있는데 안된다 다른 팀원들도 동일한 오류로 안되는걸로 봐서는 코드가 문제인가? 싶기도 ...
86일차 Dev-log #15
0. 장바구니가 이렇게 어려운거였어? db 에 있는 판매 물품 리스트를 화면에 보여주고, 물품에 마우스 hover 되었을 때 해당 물품의 description 과 장바구니 추가 버튼 보이게 하기 경우의 수에 따른 모달 창 보이기 : 로그인이 되어있지 않은 경우 장바구니 추...
85일차 Dev-log #14
0. 안되던게 된다.. 어제 장바구니 목록 불러오는 코드를 약간 수정했다. 기존에 있던 이 부분 분기가 잘못 된건지 계속 ‘회원가입 후 주문내역을 확인 할 수 있습니다’라는 문구만 뜨는 것이었다.
84차 Dev-log #13
0 . 프론트는 참 오류가 다양하시다 남이 써놓은 코드를 이해하고, 내 상황에 응용해서 사용하는것도 능력이다. 많은 자료를 가지고 있는것도 중요하다는 생각이 들었다. - 깃헙관리의 중요성 🌟 여태 해놓은 스프린트들이 전부다 깃헙에 올라가있지 않은 것같다..수료하고 확인해봐...
83일차 Dev-log #12
0. 마켓 , 장바구니 코드가 완성 되었다. api 변경을 하지않고 원하는 상황에서 적절한 응답을 주려면 분기가 진짜 중요하다는걸 알았다. 페이지 전환을 하지않고 동일한 api 에서 상황별로 응답주기…! table 이 없는 join table 에 정보를 추가할때는 se...
82일차 Dev-log #11
0. 구글로그인을 하면 userinfo 를 받아올 수가 없다. 구글회원가입 및 로그인을 한 후에, 마이페이지에서 유저 정보를 사용하기 위해 userinfo 를 get 해오면 토큰 문제로 오류가 난다. 첫번쨰 방법,찾아보니 google-auth-library라는 라이브러리가...
81일차 Dev-log #10
0. 로그인 기능은 언제 완성할 수 있을까 구글 로그인 기능이 약간 부족한 것을 꺠달았다 … 라이브러리로 로그인은 되는데, user 테이블에 회원목록이 추가가 안되는것 그래서 프론트분이랑 사부작사부작 코드를 수정해서, 구글 로그인을 하면 user 테이블에 추가가 되도록 수...
80일차 Dev-log #9
0. 위클리 리플렉션이 있는 날이다. 중간점검 같은 것이겠지… 배포 주소에서 지도와 회원가입/로그인 기능이 잘 되는지 다시 한번 확인했다. (돌다리도 두드려보고 건너기!) 간략한 앱 소개와 스택 소개 등을 준비 했다. 오늘 할일 정리를 나는 개인 oneNote에 진행했...
79일차 Dev-log #8
내가 db에 심어놓은 카페 정보가 지도에 뿌려지는 기능까지 완성되었다.
78일차 Dev-log #7
서버코드 합치기 충돌은 없었다. dev 에 올려두기
77일차 Dev-log #6
주제를 일원화 하는건 중요하다. 텀블러 사용시 할인해주는 가게를 제외하고 제로웨이스트 샵이나 소분 샵은 대상에서 제외하기로 했다 주제에서 벗어난다고 판단 되었기 때문에. 주제를 정해놓고 거기서 벗어나는 것은 제외하는 것이 좋을 것 같다. ...
76일차 Dev-log #5
0. 로그인/회원가입 구현 로그인, 회원가입, 구글 로그인 등이 완성 되었다. 포스트맨으로 수신 확인하기 ㅠㅠ 안될때 진짜 짱났는데 수신 똭 들어오니까 넘나 기쁜것 클라이언트랑은 다른 깔끔함이 있는 것같다. 결과값이 된다/안된다 두 개밖에 없음 회원가입 탈퇴까지 완료!
75일차 Dev-log #4
1. sr 피드백이 왔다. 😇 아니 그보다 난 토이문제를 여태 풀고있지 못하고있다. 같이 프로젝트하고있는 분 중의 한 분은 그래도 하루에 한 시간씩 보고 있다고 한다… 반성이 된다 ㅠㅠ 내일부터 레퍼런스라도 노려보고 있어야지.. sr 피드백은 생각보다 자세히 왔다. api...
74일차 Dev-log #3
0. sr 단계 마무리 api, db스키마 등 sr 단계를 마무리하고 cse 에게 피드백 요청을 했다. 약간 비현실적이라고 생각했던 사용자 스스로가 텀블러 사용을 확인해서 포인트를 지급받는것은 약간 수정했다. 포인트를 지급받는 것이 아닌 경험치를 지급받아 레벨을 올리고, ...
73일차 Dev-log #2
0. 아이디어 선정 여러 아이디어가 나왔는데 그중에 환경관련하여 일회용 컵 사용을 줄이고 텀블러 사용을 독려하는 아이디어가 채택 되었다. 최근에 플라스틱 사용을 줄이기 위한 움직임에 관심이 많았는데, 열심히 해야겠다. 내 아이디어는 나중에 개인 프로젝트로 진행해야겠다....
72일차 Dev-log #1 final project 시작
0. 자 또 시작이야 … 2주 프로젝트가 금요일날 끝나고 정말 꿀맛같은 휴식을 가졌다. 하지만 쉴틈없이 또 새로운 프로젝트가 시작되었다. 기존 2주 프로젝트 함께했던 팀원들과 또 다시 하게 되었다! 하지만 3명조는 너무 힘들어서 기존에 페어를 함께했던 분을 납치했다. ...
71일차 Dev-log 9일차
1. 끝났다 드뎌.. 팀원들끼리 페이지를 나눠서 css 를 진행 한 다음에 합쳤다.
70일차 Dev-log 8일차
1.갈등해소 프론트엔드 같이 하는 팀원과 약간의 갈등이 있었다. 최상위 컴포넌트가 두 개 여서 하나로 변경하고, 최상위 컴포넌트를 좀더 알아보기 쉽게 작성하도록 대화로 풀었다! 2시간넘게 줌으로 이야기하니 그래도 어느정도 해결이 되었다. 감정은 지나가지만, 표정과 말투...
69일차 Dev-log 7일차
0. 왜 벌써 화요일이냐.. 코딩할 때 진짜 시간은 잘 가는 것 같다. 한껏 삽질(?) 을 하다보면 한두시간은 눈 깜짝 할사이에 지나간다. 그래서 많은 시간을 프로젝트를 위해 투자하고있지만(거의 밥먹는 시간 뺴고는 컴터앞에 앉아있는 것 같다 🍂) 빨리빨리 진행되지 않는 듯...
68일차 Dev-log 6일차
0. 진행상황 배포 환경에서도 기본 구현 되는지 확인 완료 로그인, 로그아웃, 회원가입완료 더미 data로 마이페이지 구현 완료 더미 data 로 postlist 페이지 구현 완료 약간의 css 완료
67일차 Dev-log 5일차
0. 두드려라, 열릴 것이다. css 가 이렇게 내 발목을 잡을줄이야… 지금 해봤자 소용없는 후회지만, 과정 중 css 를 공부해놨어야했나, 라는 후회가 든다. 지금에서라도 시간을 내서 미리미리 어떻게 구상을 할 것인지 생각해놔야 한다. 이것 바꿔보고 시도하고 또 다르...
66일차 Dev-log 4일차
1. 밑바닥부터 하는 개발 되는것보다 안되는것이 더 많다. 인내심을 가지고, 계속 도전해야만 한다. 마이페이지를 만들었다. 평소에 자주 쓰는게 핸드폰 앱이다보니, 앱 처럼 자꾸 생각하게 된다… 지금 만드는 것은 웹페이지므로, 좀더 화면에 많은 정보를 담을 필요가 있...
65일차 Dev-log 3일차
0. 실전이 시작되었다. 교육엔지니어님으로부터 좋은 피드백도 받았고, 어느정도 계획이 구체화 되었다. 그래서 업무 분장 한뒤에 각코 하기로 했다. 내가 처음 진행하게 된 것은 mypage 부분이었다. 우선 api 설정을 한대로 axios로 api 데이터를 받아오는 것을 설...
64일차 Dev-log 2일차
1. 끊임없는 회의..또회의 아침부터 회의가 계속 되었다. 추가했던 기능, 제외했던 기능이 다수 있었기에 관련해서 api, wire-frame, flow-chart 등을 수정했다. 교육 엔지니어님으로부터 받은 피드백을 수정했다. wire-frame, flow-chart 등...
63일차 Dev-log 1일차
0. 프로젝트 1일차 오늘은 2주 프로젝트의 첫날이었다. 사실 마지막 인증 세션을 함께했던 페어분에게 캐스팅을 당했고(?), 함께 알고리즘 스터디하는 분과 함께 프로젝트를 하자고 사전에 논의가 되었다. 헌데 우리가 3인조로 될줄은 몰랐다 ㅋㅋㅋ 다른 한 명이 채워질 것이라...
59일차 TIL 210601 final ha
0. 최근 근황 최근에 블로그를 많이 작성하지 못했다. 수업 진도 따라가는것만해도 매우 힘들었다. 그렇게 파도에 휩쓸려가는 듯한 진도를 소화하고 나니, 시험을 보는 날이 되었다. 사실 걱정이 되는 것도 사실이었다. to-do-list app 을 만드는 것에 어려움을 겪...
54일차 TIL 210525
1. MVC!!! MVC : Model View COntroller : 코드를 여러개로 나눠서 구현하는 것. ex) Express(JS) Model : handle data & Interaction with Database ...
53일차 TIL 210524
1. Cmarket database 를 구현하였다. 해당 유저가 작성한 모든 주문을 가져오는 함수 const queryString = SELECT orders.id, orders.created_at, orders.total_price, items.name, items....
51일차 TIL 210521
1. Inner join / Outer join 교집합을 만들어내는것이 inner join left 를 쓰고 안쓰고의 차이가 무엇인가 ? : null 값 있는게 없어졌다. inner 는 교집합이기 때문에 null 값이 보이지 않는다. left 는 from 값 뒤에 있는...
50일차 TIL 210518
0. 왜 작동하는것일까….알수가 없다..
49일차 TIL 210517 Redux
1. 리덕스란 ? 자바스크립트 애플리케이션에서 상태를 효율적으로 관리할 수 있게 도와주는 도구 리액트로 만들 수 있는 싱글 페이지 애플리케이션은 data 혹은 UI가 복잡, 다양해지는 경우가 많아진다. 그에 따라 단일 페이지를 이루는 컴포넌트들의 데이터 교류 또한 복잡...
48일차 TIL 210513
1. 이머시브 코스에서 두 번째 HA를 보았다. 느낀점 1 : 정답을 찾아나가는 것에 대한 체력을 기를 필요가 있다. 이것저것 시도하면서 정답을 찾아가는 시간을 더 늘려야 한다. 느낀점 2 : 모르는게 나올때는 공식문서나, 관련 블로그를 찾아보며 정답을 찾아가야 한다. ...
47일차 TIL 210512 ReactHook
1. Hook 이란? Hook이란, 함수 컴포넌트에서 React state와 생명주기 기능을 연동할 수 있게 해주는 함수이다. useState와 같은 내장 Hook을 몇가지 제공한다. Reach class 의 CDM/CDU/CWU 와 같은 목적으로 제공되지만 하나의...
46일차 TIL 210511 React + Ajax
0. 어제 과제가 너무 어려웠던 탓일까 아님 리액트가 눈에 익은 것일까? 생각보다 과제가 쉽게 끝났다. 🙏
45일차 TIL 210510 React4
0. 사알짝 재밌었다. 뭔가 진짜 뭔가를 만드는듯한 느낌이 들었다…!!😤
44일차 TIL 210507 React3
1. 파도파도 양파같은 리액트…🧄 JSX 란? js를 확장한 문법이다. html 이 섞여있다. {} 안에 js 표현식을 사용할 수 있다. 한 컴포넌트의 state 는 다른 컴포넌트의 state 에서 수정할 수 없다. 리액트는 바벨을 이용해서 jsx 를 컴파일 하는 것 ...
react2
1. 리액트로 트위틀러 만들기 아니 갑자기 과제 난이도가 너무 올라간거 아냐…? 너무 어려웠다.
43일차 TIL 210506 react
1. 리액트를 만났다. 우리 친해져요. 프론트앤드 라이브러리 요즘 웹페이지는 유저와의 인터렉션, 수많은 상태 관리가 필요하다. 리액트는 컴포넌트로 구성 되어있는데, 컴포넌트란 하나의 의미를 가진 독립적인 단위 모듈이다. html을 반환하는 함수 컴포넌트를 사용하는 ...
42일차 TIL 210504 express
1.express ? Node.js 환경에서 웹 어플리케이션 혹은 api를 제작하기 위해 사용되는 프레임워크 미들웨어를 붙이기 쉽다. 자체 라우터를 제공한다.
41일차 TIL 210503
1. 주말알고리즘 스터디 통해 배운 것 로또의 최고 순위와 최저순위 : 비어있는 숫자가 무엇이냐에 따라 로또 당첨 최대 순위와 최저순위를 출력해야하는 문제 였다. 경우의 수를 나눠서 규칙을 찾아야 한다. 로또 당첨 번호와 내 번호가 같은 것이 있을때, 최고 순위 번호는 어...
알고리즘 - toy 1번문제
디버깅을 세 번 정도 해보니까 이해가 된다… 반복문 안에서 재귀가 실행될때 반복문이 어떻게 진행되는지 이해가 되지 않으면 어려운 문제였다…!
40일차 TIL 210430
1. 스프린트 통해서 알게 된 것 SPA 방식 관련 UI는 프론트 서버에서, 데이터는 백엔드 서버에 요청하는것 UI가 뜨는 시간이 엄청 빨라진다. 이경우 두 개의 서버에서 전달 받아야 하기 때문에 CORS 허용이 필요한 것. Same-origin policy ...
39일차 TIL 210429
1. HTTP HTTP는 웹서버 통신을 위한 프로토콜 중 하나이다. HTTP1.0 은 TCP 라는 프로토콜을 바탕으로 재설계 한것 HTTP2.0은 UDP 라는 프로토콜을 바탕으로 재설계 한것이다. 비연결성 : 서버와 상시적으로 연결하지 않아도 통신이 가능하다 무...
38일차 TIL 210428 서버, 클라이언트
1. 클라이언트, 서버, API ? 클라이언트 서버 아키텍처(2티어 아키텍처) : 상품 정보와 같이 리소스가 존재하는 곳과, 리소스를 사용하는 앱을 분리시킨것 리소스를 사용하는 앱 = 클라이언트 리소스가 존재하는 곳 = 서버 보통 서버는 리소스를 전달하는 역할을 할...
37일차 TIL 210427 Promise2
1. fs.readFile fs.readFile은 로컬 파일을 읽어오는 메소드이다. fs.readFile(path[,option],callback) path: 파일 이름을 인자로 넘긴다. 보통 문자열 options : 필수 조건은 아니나 거의 필수조건. ‘utf8’...
36일차 TIL 210426 Promise
1. 주말마다 하고있는 알고리즘 스터디에서 n진법으로 숫자를 변경하는 문제를 풀었다. 그 과정에서 toString() 으로 진법 변환이 가능하다는 것도 알게 되었다. parseInt() 만 가능하다고 생각했었는데 공식문서에 아주 조그맣게 써있긴 하다. consol...
알고리즘- toy 2번 문제
1. 재귀함수는 시간복잡도 면에서 효율적이지 못하다. 때문에 O(N) 시간 복잡도를 가진 피보나치 수열을 구현해보았다. 반복문 사용 불가 (대체 왜 ..)
35일차 TIL 210421
1. TOY문제 인트로 알고리즘 문제를 꾸준히 시도한다는 것에 의의를 둔다…라… 9시보다는 좀더 빨리 시작해서 문제 분석하고 블로깅도 해야겠다.
34일차 TIL 210420
1. 알고리즘 피곤병에서 벗어나지 못하고있다. 늘 입력값을 고려해야한다 : 삼중반복문을 써도 되는 입력값의 크기가 있다. 진행 횟수가 1억번이 넘어가면 일반 반복문으로 풀 수 없다. 해당 진행횟수 계산은 엣지케이스로 계산한다. 조건에 주로 써있다. 직접 콘솔 찍어보...
33일차 TIL 210419
1. 1:1 이슈쉐어링을 올렸다 주말내내 자료구조-알고리즘 문제를 붙잡고 있었음에도 불구하고 결국 문제를 해결하지 못했다. 프리과정에서 풀었던 알고리즘( 지금 생각해보니 그것은 알고리즘 문제가 아니었다 ) 이 재밌어서 그럼 나는 백엔드가 맞는걸까..? 라고 큰 착각을 했더...
주말공부 - 알고리즘의 늪에 빠지다
1. 사설 지금 맥북 15인치 + 아이패드 10.5 인치로 공부하고있는데 화면이 너무 좁다는 불편을 계속 느꼈었다. 그래서 22인치 모니터를 질렀다 하핳 기분전환이 되서 더 공부 열심히 해야지. 거북목 되지않게 스트레칭, 운동 잘 하기! 건강이 최고다ㅠㅠ!
32일차 TIL 210416
1. 오늘의 생각꾸러미를 풀어본다. 📣 오늘처럼 금요일이 반가웠던 날도 없다. 멘탈이 집을 나가버렸다. 내가 좋아했던 알고리즘 문제라 더 그랬던 것 같다. 알고리즘 풀이가 내 큰 장점이라고 생각했는데 어려운 문제를 만나 힘이 든것 같다. 프레임이 있을것이다. 반복문...
31일차 TIL 210415
1. 그래프란? 여러개의 점들이 서로 복잡하게 연결되어있는 관계를 표현한 자료구조. 직접적인 관계를 가지고 있다면, 바로 이어주는 선이 존재하고, 간적접인 관계를 가지고 있다면 다른 여러점을 거쳐서 이어지는 선이 존재할 수 있다. 어떠한 간선으로도 연결되지 않는...
30일차 TIL 210414
1. 자료구조에 대해서 배웠다. 자료구조 : 여러 데이터들의 묶음을 어떻게 저장하고, 사용할 것인지 정의한 것 자료들이 잘 분석이 되고 정리되고 활용되어야만 의미가 있다. 자바스크립트에서 배열과 같은 미리 정의된 데이터 타입을 이용하여 자료구조를 유사하게 구현하여 알고...
29일차 TIL 210413
1. 잡담. 확실히 개발하는게 재밌는것같다. 모르는 내용을 처음에 배울때는 힘든데, 자기전까지 계속 생각이 나는걸 보니..ㅎ 키보드 윤활을 했는데 도각도각 소리가 나면서 눌리는게 너무 좋다. 공부할때 이렇게 작지만 확실한 행복이 좋은 원동력이 되는 것 같다. 개념을 깊...
28일차 TIL 210412
1. 오늘의 keypoint 🐥 constructor 함수에 매개변수를 주냐 아니면 그냥 실행만 해주냐의 차이가 궁금하다. 인터페이스(interface) 란 기능을 말한다 : 사람이 갖는 인터페이스 - 오감, 스마트폰이 갖는 인터페이스 - 화면, 스피커, 마이크 등 t...
주말공부 - 객체 review
1. 객체, 메소드 속성(property) 라는 용어는 키-값 쌍을 의미한다. 메소드 호출은 객체.메소드() 와 같이 객체 내에서 메소드를 호출하는 방법이다. 아래 예제는 Singleton 패턴이라고 부른다. 메소드 호출 방식을 이용할 떄에는 화살표 함수를 쓰지 않...
27일차 Prototype 상속
1. 프로토타입 체인을 이용한 상속 자바스크립트 객체는 속성을 저장하는 동적인 ‘가방’과 프로토타입 객체 에 대한 링크를 가진다. 객체의 어떤 속성에 접근하려 할 때 그 객체 자체 속성 뿐만 아니라 객체의 프로토타입, 그 프로토타입의 포로토타입 등 프로토타입 체인의 끝까지...
27일차 객체 지향 프로그램, 자바스크립트의 Prototype이란 ?
1-1. 객체 지향 프로그래밍( OOP : Object Oriented Programming) : 프로그래밍에서 필요한 데이터를 추상화 시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법이다. 데이터와 기능이 별개로 취...
26일차 TIL 210408
1. 오늘 하루는 어땠어 ? 딴생각이 많이 드는 것에 대해서 페어랑 이야기를 해보았다. 아마 유어클래스 내용이 어려워서…잘 이해가 안되서 그런것 같다고 한다. 나도 어느정도 동의를 했다. 문서 형식으로 된 것이 공부가 어렵다면 관련 자료를 유튜브로 찾아봐서 시청해야겠다. ...
25일차 TIL 210407
1. 블로그와 나의 방향성에 대하여 여태 블로그를 작성하는 주된 목표는 그날 학습 한 것을 복습하기 위함이었다. 그래서 유어클래스나 스프린트 등을 공부하면서 알게 된 것을 oneNote 에 적어두었고, 그날 저녁에 블로그에 다시한번 정리하는 식으로 공부하였다. 이제부터 o...
24일차 TIL 210406
1. 잡생각이 많았다… 나는 스스로에게 엄격하다. 주변 지인들 말로는 굉-장히 엄격하다고 한다. 자꾸 해낸것 보다 못한 것이 생각난다. ex. 오늘 잡생각이 왜이렇게 많았지 ? 5초의 법칙을 생각하자. 그냥 상황을 판단, 고려하지말고 그냥 해야 할 것을 수행하자. 하지...
23일차 TIL 210405
1. solo day 때 주말 스터디를 제외하고 정말 원없이 쉬었다. solo day에 맞춰서 취업지원 제도 상담이 잡혔다. 정말 다행! 매달 50만원씩 지원 받게 되었다. 몇 일 간의 휴식으로 재충전 시간을 가졌다.
22일차 TIL 210331
1. 프리코스를 돌아보자. 열심히 했다. 후회가 들지 않는걸로 보니 최선을 다했다. 남은 16주도 이렇게 일말의 후회없이 최선을 다해보자. 코스 시작전 다짐했던 3가지를 모두 달성하였다. til 매일 작성하기 하루에 2시간 추가 공부하기 ...
21일차 TIL 210330
1. 대망의 ha 날. 잠을 무지하게 설쳐서 9시 58분에 일어나 겨우겨우 컴퓨터 앞에 앉았다. (걱정근심고민으로 머리가 아팠다 ㅠㅠ) 1번문제 : 모든문제를 수도코드를 써놓고 시작하고 싶었다. 잠시 고민 후에 객체에 키값과 프로퍼티 값을 넣는 방식으로 해결 2번문제 ...
20일차 TIL 210329
1. 날씨 app을 만들어보자! Application Programming Interface 정보를 제공하는 주체 : server 정보를 요청하는 사람 혹은 프로그램 : client api란?서버가 클라이언트에게 리소스를 잘 활용할 수 있도록 제공하는 인터페이스 ...
19일차 TIL 210326
1. JSON : 데이터 교환을 위해 만들어진 포멧 객체라는 것이 전송 가능하려면 문자열과 같이 범용적으로 읽을 수 있는 형태여야 한다. JSON 은 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷이다. 객체는 타입 변환을 위해 String으로 변환할 경우 객...
18일차 TIL 210325
1. 재귀란 ? ( recursion ) 어떤 문제를 해결할떄, 구조는 동일하지만 더 작은 경우를 해결함으로써 그 문제를 해결하는 방법 재귀적 사고 연습을 통해 재귀 함수를 base case 와 recursive case 로 나눠서 작성할 수 있다. 재귀는 아래 상황에...
16,17일차 TIL 210323 & 210324
1. 16,17일차 진행한 underbar sprint 를 하며 알게 된 것 let _start = start || 0 : start가 undefined 인 경우, start는 0이다. reduce 는 return 된 것이 acc 값이 된다. 고차함수가 내부에서 반복될...
15일차 TIL 210322
1. 트위틀러 함수 구현하면서 알게 된 것 자꾸 2프로가 부족해서 안될때 : 이것저것 시도해보자. 수도코드를 진짜 처음에 잘써놓고 시작해야겠다. 마음이 급해서 자꾸 출력값 먼저 보려고 하는데 그러지말고 충분히 생각하고 고민해볼것 왜 안될까? 라는 생각도 좋은데 답을...
14일차 TIL 210319
1. 유효성 검사 만들었다. 🐬
13일차 TIL 210318
1. 알고리즘문제… 풀면서 깨달은 것들 어떻게 하면 컴퓨터처럼 생각할까? Number.prototype.toFixed() 몇번째 자리수까지 출력하는 메소드 문자열 안에 있는 숫자 확인하기 typeof 로는 불가능하다. let = ‘0123456789’ includes로 확...
12일차 TIL 210317
1. 알고리즘 basic 나는 수도코드를 잘 작성하고 있나? 요구사항이 하나 이상인 문제를 여러개로 쪼개서 생각 할 수 있다 문제를 일상적인 문장으로 표현할 수 있다 ( 해당 위치에 바르게 주석을 적을 수 있다 ) 잘개 쪼갠 특정 문제...
11일차 TIL 210316
1. 일급 객체인 함수 일급객체는 아래의 3가지 특징이 있다. 변수에 할당 할 수 있다 다른 함수의 인자로 전달 될 수 있다 다른 함수의 결과로서 리턴 될 수 있다. 이는 함수를 데이터 (string, number, ...
10일차 TIL 210315
1. 복습 -flexbox 를 이용해 레이아웃을 만들 수 있다. 방향 :flex-direction 얼만큼 늘릴 것인가? flex-grow 얼마만큼의 크기를 갖는가 ? flex-basis` 수평정렬 : justify-content` 수직정렬 : align-ite...
9일차 TIL 210312
1. koans 과제를 하며 알게 된 것 어휘적(lexical) : 눈에 보이는대로, 생각하면 편하다 스코프(scope) : 변수에 접근 할 수 있는 범위 Object.assign() 는 얕은 복사를 한다. 참조 값이 객체에 대한 참조 인 경우, 참조 값 만을 복사한...
8일차 TIL 210311
1. CLI 사용하기 Command Line Interface 맥 터미널에서 CLI 를 사용하는 것이 GUI 로 작동하는 것과 차이가 없다. 기본적인 명령어 파일 보기 ls 파일 리스트 자세히 보기 ls -al 디렉토리로 이동 cd 현재 디렉토리 주소 ...
7일차 TIL 210310
1. 객체 코플릿 문제 풀다가 알게 된 것 줄바꿈 연산자 '\n' 는 반드시 string 형식으로 작성해야 한다. not 연산자 쓸때는 부정할 것을 반드시 소괄호 안에 넣어줘야 한다. ex) if(!(Array.isArray(obj[key])))` 객체의 key 값만 ...
6일차TIL 210309
1. 배열 ✋🏻 배열 : 순서가 있다! 값 = 요소( element ) 순서 = 인덱스( 0부터 번호 매김) 반복문과 함께 사용 가능 ( 초기값을 잘 설정해야 한다. 0 이냐 undefined 냐? )
5일차 TIL 210308
1. querySelector 와 textContent 를 활용해여 텍스트 조회하고 바꿀 수 있다.
4일차 유효성 검사 파일 만들기
1. DOM 의 CRUD CREATE document.createElement('태그') : 태그가 생성이 되었지만 연결이 되지 않은 상태이므로 화면에 출력되지 않는다. document.createDocumentFragment() : 비어있는 돔 객체. 입맛대로 만들어...
4일차 DOM 조작하기
1. DOM 을 javascript 로 조작하여 HTML element를 추가하거나 삭제, 혹은 내용을 변경 할 수 있다. createElement - CREATE querySelector, querySelectorAll - READ textContent, id, cl...
4일차TIL 210305
1. html css js html : 구조를 위한 언어 css : 디자인 javascript : 상호작용 관심사 분리가 필요하다 : 서로의 영역에서 최고의 능력 발휘하기!
3일차TIL 210304
1. 반복문 for 구문 구성 : for(초기화, 조건식, 증감문 등) for(let i=0; i<str.length; i++){}
2일차 TIL 210303
1. 조건문 : 어떠한 조건을 판별하는 기준을 만드는 것. 조건문에는 반드시 비교 연산자가 필요하다. if( 조건1){ // 조건1 이 통과 한경우 } else if( 조건2) { // 조건1이 통과하지않고 조건2가 통과한 경우 } else { //모든 조건이...
1일차 Twittler 목업 구현
4월 2일날 또 다른 사이트의 목업을 올려보겠다. 그떄는 더 잘만들것이다!!!
1일차 TIL 210302
1. 앞으로 어떻게 공부할 것인가 페어와 한 문제를 3시간 동안 풀었다고 해서 그것은 낭비가 아니다. 함꼐 공부하는 법 배운 것. 커뮤니케이션 하는 연습을 한 것이다. 문제를 뚫어져라 쳐다본다고 저절로 해결되지 않는다. 수도코드를 활용해서 키보드를 바쁘게 움직여야 풀 수 ...
TIL 210228
DOM 이란 무엇인가? Document Object Model의 약자로 HTML에 접근하여 JS Object 처럼 HTML을 조작할 수 있는 model이라는 의미 즉, 자바스크립트를 사용하는 방법을 알고 있으면 DOM을 활용하여 HTML을 조작 할 수 있다는 의미. 우리가 배웠던 ...
TIL 210225
1. 깃허브 블로그를 이것저것 만져보았다가 갑자기 블로그 화면이 이상해져서 진땀 빼며 원상복귀 시켰다 … 😹 시간 가는줄 모르고 html, css 와 씨름하였다. 시간 참 잘간다… 내시간 🙀
고차함수 코드변환
1. 아래 코드를 이해해보자.
배열의 내장 메소드 사용법
1. 아래 문제를 풀어보겠다. 문제) 배열을 입력받아, 배열에서 가장 짧은 길이를 가진 문자열 요소를 리턴하라. 입출력 예시)let output = findShortestWord([4, 'two', 2, 'three']); console.log(output); // --> '...
TIL 210224
1. 계산기를 만들어보았다. 2. docuement.querySelector 를 활용하여 웹페이지의 특정 엘리먼트를 선택할 수 있다. 3. textContent를 활용하여 선택한 엘리먼트의 content를 조회, 고칠 수 있다. 4. 사칙연산을 하는 함수. 입력받은 문자열’숫자’...
TIL 210223
1. html, css 의 기초에 대해서 학습하였다
Underbar shuffle 메소드
1. 아래 코드를 살펴보자
hello world
깃헙 블로그를 드디어 만들었다.