좋았던 점
  • 깃허브 팀레포에 프로젝트를 열어 WTD를 적기 시작했는데
    이걸로 타임 트랙킹 중이다. 덕분에 내가 얼마나 시간을 과소비 하는지 느꼈고
    앞으로 계획을 수정해나가면서 개선의 여지가 보인다는 점이다
    일찍 일어나면서 직장인일때 갓생살던 아침 루틴을 조금 가져왔다
    그럼 뭐가 좋냐??? 기분이가 좋다
  • 하루에 하나씩이라도 이해가 가면서 알게되는 개념들이 있었다
    (정규표현식^ /gm, filter.length, promise, fetch,then, resolve, reject, pending, DFS, BFS, sort a-b)
  • 구글독스를 아침마다 민정님이 만들어주신다
    티스토리에 적던 TIL보다 다같이 적는게 더 좋은것 같다 
  • 손코딩을 해봤다. 쓰면서 이해가 가는 부분도 있었고 나는 생각보다 좋았다
    익명의 누구님은 손코딩을 극극타도 하셨지만 나같은 사람이 1~2회 쯤 해보는건 괜찮다고 생각한다
  • 간단한 내용이지만 그래도 영양가 있는 글을 썼다고 생각한다

 

아쉬웠던 점

  • 마의 수요일을 버티지 못하고 울적하게 잠들었다
    대체로 오후에 집중을 못하는 편이라 차라리 일찍 잠들기를 택하고
    목요일에 극단적으로 일찍일어나니까 수면시간은 비슷한데도 수업시간만 되면 대체로 졸렸다
  • 항상 구현에서 막힌다. 영어라 치면 읽고, 쓰고, 이해는 하지만, 스피킹은 안되는 사람처럼

 

다음 주 계획(+이번 주말)

  • 벤딩머신 처음부터 짜보기
  • 시간관리 최적화 시키기

 

<월요일> 자료구조와 알고리즘

지난번 특강에서 2기 선배 수빈님이 알려주신 구글 독스를 시작했다

원래도 다같이 들었지만? 수업을 더 다같이 듣는 느낌
내가 놓치는 부분을 다른 조원이 캐치 할 수 있어 좋은 방법인 것 같다
 
<화요일> 자료구조와 알고리즘, 알고리즘 스터디
아침에 좀 일찍 일어나서 운동하고 일기쓰고 영어회화하고 독서를 했다
직장인일때 5시에 일어나서 7시에 출근하던 시절 하던 짓인데
그때에 비해 지금 기강이 너무 헤이해져서 다시 해봤다 대신 엄청 짧게 한다
 
손코딩도 해봤다 분명 어제 머릿속에 들어온게 별로 없었는데 쓰다보니까 그럭저럭 이해가기 시작했다 뭐지?
 
알고리즘 스터디에서 윤정님의 도움을 받아 filter 식을 활용한 풀이를 이해 할 수 있었다
 

[프로그래머스 Lv.0] 각도기 문제로 알아보는 filter.length 써먹기

https://school.programmers.co.kr/learn/courses/30/lessons/120829 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞

developmentbirdfoot.tistory.com

^ 왠지 킹받는 이 기호는 정규표현식에서 부정의 의미이고,

끝에 /gm 은 개행까지 포함함을 의미한다는 사실을 알게 됬다

 

WTD로 하루 일과를 감시해보니, 알고있었지만 오후시간을 굉장히 많이 버리고있다

스터디가 아니면 움직이지 않는 이런 고질적인 문제는 아침시간을 더 잘 활용해보기로 생각해본다

 

<수요일> 트리, 깊스넢큐, 프레임워크와 라이브러리, 줴이쿼리

아침시간에 promise 공부를 했다

대박 집중 너무 잘되고, 이해잘가고, 하루의 시작은 좋았는데

오후로 갈수록 에너지가 없어졌다

저녁먹고 나니까 졸려서 이럴바엔 지금 자버리고 극단적으로 일찍 일어나보기로 한다

 

<목요일> 벤딩머신 JS, 알고리즘 스터디

아홉시쯤 잠들었더니 두시쯤 깼다 알람을 세시반에 맞춰놔서 그냥 더 잤다

일어나서 별안간 동생방가서 모기 잡아주고 하느라 일정은 계획한거보다 좀 지체됬다

똑같은 루틴하고 어제도 손코딩 과제가 있었어서 써봤다 손코딩 짱

근데 여덣시반쯤 되니까 나는 안졸린데 몸이 졸려하는 느낌이 확들었다

지금 안자면 수업때 엄청 졸거같아서 잠깐 잤는데 꿈을 엄청나게 많이 꿨다

 

맙소사 수업시간만 되면 너무 졸렸다 2시간은 더 잔듯? 근데 또 쉬는시간에는 잠이깸;;;

그리고 약간 만사가 귀찮아졌다 그래서 개인공부는 안하고 동생이랑 노닥거리다

알고리즘 스터디 시간이 되서야 공부를 했다 (스터디 하길 천만다행이다)

sort (a-b) 가 왜 오름차순 정렬인지 이해가 안갔는데 의문이 풀렸다

이것도 포스팅해야지

 

<금요일> 1만 시간, 회고

 

https://www.inflearn.com/course/30%EB%B6%84-%EC%8B%9C%EC%A6%8C4-%EA%B9%83%ED%97%88%EB%B8%8C

 

[무료] 30분 요약 강좌 시즌4 : 알잘딱깔센 GitHub - 인프런 | 강의

알아서! 잘! 딱! 깔끔하고! 센스있게! 정리하는 GitHub 핵심 개념 책의 무료강의입니다. 해당 책과 Notion 링크도 무료로 다운로드 받을 수 있습니다. 비영리 프로젝트로 교재활용도 허락없이 가능합

www.inflearn.com

    • 얄팍한 코딩
    • 진유림님 깃&깃허브

  • git clone [url] .git폴더까지 다 가져온다
  • git pull 내가 이미 .git 폴더를 가지고 있고, 작업하고 있는 파일도 있는 상태
  • 수정
  • git add . : . 을 붙이는 이유는 바뀐내용 전부 add하겠다는 의미
  • git commit -m '메모'
  • git push

https://gitmoji.dev/

 

gitmoji

:truck: Move or rename resources (e.g.: files, paths, routes).

gitmoji.dev

CLI (Command Line Interface) : 코드로 치는 것

GUI (Graphic User Interface) : 클릭으로 하는 것

  • 회사 서버의 90%이상은 리눅스 환경
  • FE개발자들은 유저(개념) 보다는 개발자이기에 터미널과 같이 백지로 작업할 경우가 많다
  • 금융권 회사일 경우 VSC 사용하지 못하는 경우도 많다
  • 구글링도 개인적으로 해야 할 경우도 많다 ← 명령어로만 작업

나는 window라 git을 설치했다

(맥에는 기본적으로 깔려있다 최신버전을 깔아도 되지만 사용하는데 지장없음)

너 왜 갑자기 되냐??

git ignore은 추적되지않는다

  • $ ls   #폴더와 파일 볼 때
    $ pwd   #현재 폴더 알고 싶을 때
  • $ mkdir leehojun   # 폴더 생성
    $ cd ..                    # 상위 폴더 이동
    $ cd test                # test 폴더 이동
    $ cd baeggoose    # baeggoose 폴더 이동
    $ touch test.html   # test.html 파일 생성
    $ vi test.html         # 실무 vim을 사용합니다.
  • i
    ESC
    :wq!
    $ cat test.html
    $ cd ..
    $ rmdir baeggoose
  • $ git --version
    $ git config --global [user.name] (http://user.name/) "baeggoose"
    $ git config --global user.email [email@example.com](mailto:email@example.com)
    $ git config --list

웹 서비스 만들 때

  1. 기획자_ 서비스 기획
  2. 백엔드_ URL 구조
  3. 백엔드_ model 설계 : 게시판, 게시물 제목, 내용, 사진 등
  4. 디자이너_ 디자인
  5. 프론트엔드_ templates 작성 (HTML)
  6. model 설계한 것과 template연동
스프린트 회고

 페어프로그래밍

  • 10월 27일 : 19시 회고하고 페어프로그래밍
  • 주제 : 식당 메뉴판
  • 진행 방식 : 5분

페어 프로그래밍의 장점은 오류를 줄이는데 큰 도움이 된다

회고조 안에서 각각 2~3인으로 조를 3개로 나누어 우리조 공통의 주제를 정했다

또, 주말에 프로그래머스 문제 풀이도 페어프로그래밍으로 해보기로 했다

https://www.freecodecamp.org/korean/news/javascript-projects-for-beginners/#counter

 

초보자를 위한 40가지의 자바스크립트 프로젝트

프로그래밍 언어를 공부하기 가장 좋은 방법은 프로젝트를 해보는 것입니다. 누구나 쉽게 해볼 수 있는 40가지의 바닐라 자바스크립트, 리액트, 타입스크립트 프로젝트 튜토리얼을 만들었습니

www.freecodecamp.org

https://devfolio.kr/

 

DevFoliOh! - 개발자 토이프로젝트 모아보기 서비스

 

devfolio.kr

설문조사 Form

https://developer.mozilla.org/ko/docs/Web/HTML/Element/progress

 

<progress> - HTML: Hypertext Markup Language | MDN

HTML <progress> 요소는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다.

developer.mozilla.org

https://colorhunt.co/

 

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements

 

HTML Standard

User agents are not required to present HTML documents in any particular way. However, this section provides a set of suggestions for rendering HTML documents that, if followed, are likely to lead to a user experience that closely resembles the experience

html.spec.whatwg.org

fieldset

legend

 

To do List

https://developer.mozilla.org/ko/docs/Web/HTTP/Basics_of_HTTP/Data_URLs

 

Data URIs - HTTP | MDN

Data URIs, 즉 data: 스킴이 접두어로 붙은 URL은 컨텐츠 작성자가 작은 파일을 문서 내에 인라인으로 임베드할 수 있도록 해줍니다.

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/API/HTMLElement/click

 

HTMLElement.click() - Web API | MDN

HTMLElement.click() 메소는 엘리먼트에 마우스 클릭을 시뮬레이션합니다.

developer.mozilla.org

 

+ Recent posts