Persistence

목표: 코딩 테스트 합격하기 습관: 일주일에 프로그래머스 level2 문제 3개 풀기 -> 4개 풀기로 상향(5.17) -> 리트코드로 변경 (6.2) 먼저 리트코드 그리디 문제 50개 풀기로 스타터 단계: 어떤 문제 풀기 정하기 행동 축소: 문제를 하나 다 풀지 않고 작은 문제로 쪼개서 그 부분만 해결하기 / 문제를 풀 수있는 아이디어 생각하기 완전 달성(cleared): 문제 하나 다 풀기 날짜 스타터 단계 / 행동 축소 달성 / 완전 달성 여부 목표 습관 달성 여부 문제 링크 행동 상세 21-03-28 (SUN) 캐시 (O / O) 문자열 압축 (O / O) O 캐시 문자열 압축 LRU 알고리즘(개념 참고 - j2wooooo.tistory.com/121) 21-03-29 (MON) 문자열 압축 의도..

오랜만에 쓰는 TIL 7월 25일부터 본격적으로 리액트, 리덕스를 공부하겠다고 마음 먹은 후 약 약 20일 경과 후 느낀 점을 적어보자 어려움 물론 새로운 걸 배우는 거니까 당연히 어렵다. 그래도 토이프로젝트긴 하지만 리액트 웹앱을 만들어 보긴 했고, redux 튜토리얼을 뗐으니까 할 만할 거라고는 생각했는데, 생각보다 더 어렵다. 일단 토이프로젝트한 뒤로 시간이 많이 지나서 많이 까먹은데다, 그 뒤로 Hook이 새로 나와서 기존 라이프사이클 메서드랑 훅을 익히고 적용하는 것도 쉽지 않았다. 그리고 HOC 도 처음 봤다. 그리고 redux-thunk도.. 새로운 개념도 개념이지만, 이번에 배우면서 가장 크게 느낀 건 설계에 관한 부분이다. 상태를 어떤 구조로 가져갈 것인지, 컴포넌트 트리 구조를 어떻게 ..

날짜 한 일 190725 도커 - 도커툴박스 설치, 이미지 및 컨테이너, 도커파일에 대한 이해 190727 프로젝트 셋업 - 파셀, 바벨, eslint, 프리티어 등 설치 - 번들러 글 정리 190729 리액트로 글 등록 및 조회, 댓글 등록 기능 구현 - 비슷한 기능이라서 코드 중복이 많이 되는데 어떻게 리팩토링 해야 할까? 190730 리액트 코드 리팩토링, styled-jsx 적용, n분 전으로 표현하는 기능 구현, 컴포넌트의 생명 주기 공부 - 훅스 사용해서 클래스 컴포넌트 바꾸기 - 생명 주기 활용하는 게 어렵다 190731 다른 분 리액트 코드 분석, HOC 아티클 읽기 - 리액트란 이렇게 논리적이었다는 것을 다른 사람의 코드를 보고 처음 깨달았다 190801 HOC 개념 정리 및 이해(조건부..

Yesterday & Today I Learned 미니 웹 프로젝트 완성 및 발표 cgv 웹 크롤링 시도 도커 관련 아티클 읽음 & 윈도우에 도커 설치 시도 Yesterday & Today was 웹 프로젝트가 끝났기 때문에 한숨 돌렸다. 이번 프로젝트를 통해 더욱 프론트에 대한 열정이 타올랐다... 이제 본격적으로 리액트를 혼공하려고 하는데 혼자 쳐지지 않고 잘 프로젝트까지 마무리할 수 있을까 걱정은 된다. 리액트 플젝을 학원 컴과 맥북에서 왔다갔다 하면서 하려고 도커를 학원컴에 설치하려고 했는데, os가 윈도우 7이라서 도커 for 윈도우는 안깔리고 도커툴박스를 설치해야 했다. 툴박스 다운로드가 2시간 걸린다고 나올때부터 심상치 않더니만 결국 다운이 실패했다. 으음... 도커 설치가 너무 오래걸려서 ..

Today I Learned 미니 웹 프로젝트 네아로 연결 메인 화면에 트렌딩북 슬라이드 형태로 렌더링 자잘한 UI 수정 Today was 다른 분이 한거랑 머지도 다 했고 거의 다 완성! 왜인지 네아로 결과 화면은 css 적용이 전혀 안돼서 홈화면으로 바로 리턴하지 못하고 다른 파일을 하나 만든 뒤 그 다음 자동으로 메인으로 이동하게 했다.

Yesterday & Today I Learned 미니 웹프로젝트 맥북에 도커, 오라클 설치 관심있는 책 리스트 중앙 정렬로 출력하도록 수정 js로 동적으로 부트스트랩 컴포넌트를 만든 뒤 그 뒤에 이미지를 append하는 방법으로 처리. 자바스크립트 안에 jstl을 사용할 수 있는 것을 처음 알았다. 원래 자바스크립트로 row, col를 만든 뒤 jstl의 forEach문으로 하나씩 꺼내고 그 안에 스크립트 태그를 써서 append하려고 했는데 되지 않았다. 찾아보니 jsp는 서버쪽에서 만들어서 오기 때문에 클라이언트쪽에서 row랑 col을 뒤늦게 만들어서 순서가 안맞는 것이었다. 그래서 자바스크립트 안에 jstl을 넣어서 이를 해결했다. 동적으로 컴포넌트를 추가하니 css도 먹히지 않아서 전부 제이쿼리..

Today I Learned 미니 웹 프로젝트 UI 수정 관심 책 검색 기능 추가 전체 목록 보는 버튼 추가 사이드바 토글 버튼 오류 수정(custom Scroller의 임포트 위치 문제) 이상하게도 메인 홈 화면에서는 커스텀 스크롤러를 바디의 밑부분에 임포트하는 게 오류가 안나고 읽은 책, 관심 책 등록 화면에서는 헤드 태그 안에서 jQuery 밑에 임포트하는게 오류가 안난다. 왜지.. Today was 오늘은 다른 분들이 한 것까지 드디어 머지를 했다! 생각했던대로 db를 머지하는 것은 쉽지 않았다 세부적인 것은 더 수정해야 하지만 일단 넣고자 한 기능들은 잘 돌아가서 기분이 좋았다 네아로도 구현하고 싶은데 다음주 월요일까지 되려나 모르겠다. 검수요청인가 뭐 해야 다른 사람들이 로그인할 수 있던데....

Today I Learned 미니 웹 프로젝트 UI 변경 로그인, 회원가입을 옆의 빈 공간으로 이동 내가 등록한 책 검색 input 추가 내가 등록한 책 검색 input이 부모 div가 확장될 때에도 고정이도록 변경 내가 등록한 책 검색 기능 추가 네이버 책 이미지 image url 변경하여 고화질 이미지로 변경 등록한 책 이미지 밑에 타이틀 렌더링 Today was 부트스트랩을 써서 컴포넌트를 고정하기가 어려워서 테이블 디스플레이를 썼다 마이바티스 매퍼에서 sql명령을 쓸 때 뒤에 ; 를 붙이면 배드sql그래머 에러가 난다.. 와우.. 맥북에서 톰캣을 깔고 깃헙에서 프로젝트를 가져와서 연결하는 데 좀 애먹었다. 일단 서버에 등록하려고 할 때에 add and remove할 수 있는 리소스가 없다는 경고창..

Today I Learned 미니 웹 프로젝트 UI 개선 메뉴 클릭 시 사이드바 토글 & 메인 컨텐트가 오른쪽으로만 확장하게 함 메뉴 클릭 안 하면 기본적으로 컨텐트는 중앙정렬 & 왼쪽 빈공간에 로고 렌더링 메인 화면 로고 호버 이벤트로 안내 툴팁 표시 서평 수정/삭제 UI 변경(아이콘 추가 및 호버 이벤트 핸들러 등록) Today was 오늘은 하루종일 UI만 가지고 놀았다. 솔직히 이게 제일 재밌음... css에서 원하는 위치에 렌더링하려고 할 때에 fixed, absolute가 쏠쏠하게 쓰인다. 그리고 z-index도 컴포넌트들끼리 서로 안 밀어내게 해주니까? 기존 위치를 변경하지 않고서도 추가할 수 있어서 쏠쏠하다. 부트스트랩같이 미리 만들어진 것들은 정말 편리하긴 한데, 커스터마이징할 때 역시 ..

Today I Learned 미니 웹 프로젝트(책첵) UI 변경 색깔 변경, 중앙 정렬,사이드바 토글 Today was 당근마켓 인턴은 불합! 예상했던 결과였다. 어차피 취준이란 디폴트가 불합인 것이다. 그렇다고 불합이 아예 마음이 안아픈건 아니지만 내 실력이 그런 걸... 지원할 때에 피드백을 요청했었는데 답변에 피드백을 주셔서 감사했다. 전문성 부족에 대한 내용이었는데, 아무래도 내가 흥미있는 부분은 리액트, 리덕스, 노드js 인데 막상 내 블로그에는 스프링에 대한 포스팅만 늘어가고...(...) 내 개인적인 흥미와 교육 받는 내용이 달라서 생기는 어쩔 수 없는 부분인 것 같다. 어쨌든 내가 리액트 개발자가 되고 싶으면 이 부분에 대해 전문성을 보여야 한다는 것이다. 미니웹프로젝트가 끝나면 프로그래머..

Today I did 병문안 포트폴리오 메일 발송 그리디 알고리즘 문제 풀려고 시도했으나 실패 Today was 어느새 TIL 이 아니라 TID가 되어버린.. 배웠다고 하기에는 오늘 새롭게 공부한게 많지 않아서 좀 애매하다. 그리디 알고리즘 문제는 분명 이렇게 풀면 된다고 이해했는데, 테스트케이스 몇개를 통과 못한다. 효율성이야 두번째 문제라 쳐도 정확성 테스트를 통과못하는데 어디가 틀렸는지 찾기가 넘 어려운 것.. 포트폴리오는 솔직히 템플릿이라도 커스터마이즈 하고 싶었는데, 템플릿이란 편하면서도 성가신 거였다. 기본적으로 내가 짠게 아니니까 css랑 부트스트랩이랑 scss 등 스타일 모듈이 많아서 커스터마이징이 (잘) 안된다. html 태그 내에 인라인 속성으로 스타일을 줘도 색깔이 안바뀌는데 이유를 ..

Today was 포트폴리오 만들기 본의 아니게 운동을 해버렸다 내일은 병문안/메일 발송/알고리즘 문제 풀기/할 수 있으면 네아로 에러 해결..

Today I Learned 미니 웹 프로젝트 (버튼 클릭시 책 추가하는 모달)부트스트랩 모달 내에서 검색하고 결과 띄우는 기능 완료 form submit으로 쿼리 전달하니 submit하면 모달 닫힘 현상. submit 이벤트 발생 후 modal.show() 추가해도 안고쳐짐. form 태그를 삭제하고 버튼 클릭/엔터 이벤트 핸들러로 preventDefault() 함수 호출 후 ajax요청 보내 결과값 받아옴. 받아온 html을 body에 삽입하고 모달 show() 메서드 사용하여 해결 (네아로) 네이버 아이디로 로그인 시도하다가 디펜던시 때문에 안 됨 처음부터 조심조심 설정을 추가했지만... 스프링 소셜 디펜던시 추가하자 에러가 마구 떠서 실패. 그 와중 JRE Library 버전도 바꾸고 메이븐 프로..

Today I Learned 미니 웹프로젝트 버튼 클릭시 모달 띄우기 & 모달 내에 폼 제출 기능 구현중 스프링 부트 & 리액트 연결 시도해봄 Today was 아 오늘은 너무 힘들다. 오른쪽 눈도 아프고. 스프링부트랑 리액트는 하나만 해결하면(웹팩 watch 명령 실행) 연결해서 쓸 수 있을 것 같긴 한데... 설정하느라 너무 지쳐서 그런가 vscode로 자바를 하는 건 아무래도 아닌 것 같아.. 아닌가 내가 익스텐션 같은걸 활용을 잘 못해서 그런가? 이클립스로는 js 못해먹겠고 vs로는 자바 못해먹겠고...어..쩌라고...왜 클래스랑 애노테이션 import가 자동으로 안되는건데... 아 그냥 리액트는 개인플젝에 노드js랑 쓰는게 좋은것 같다.

Today I Learned leaflet 라이브러리로 맵 렌더링 및 마커 표시 기능 구현 미니 프로젝트 회의 Today was 이제부터 팀 미니프로젝트를 시작해야 해서 내가 지금 하는 개인 프로젝트 외에 다른 것이 생겼다. 어쨌든 2주만에 구현해야하니까 일단 이게 우선이 될 것 같다. 주제는 '나만의 서재' 컨셉으로 내가 읽은 책과 서평을 관리할 수 있는 웹앱. 그리고 다른 유저들의 피드도 메인 화면에 띄울 것. 그리고 유저들이 등록한 읽은 책 데이터를 기반으로 트렌딩하고 있는 책을 시각화하여 메인에 보여줄 것. + 기타 등등.. 스택은 학원에서 배운 거 기반으로 html/css/js/jsp + spring mvc/myBatis + oracle sql 으로 이루어질 것이다. 일단 나는 a..