목록회고 (43)
코딩쌀롱
2월에 회고를 잘 안 쓰게 됐는데..이유는 너무 망가졌어서 회피했던 것 같다. 조금 더 회복해서 사이클을 다시 찾게되면 그 때 회고를 작성해야지 했는데 쉽게 변하지 않아 이번에 쓰게 됐다. 바로 이전 회고에서는 굉장히 야심찼던 것 같은데 부끄럽다ㅎㅎㅎ ✘✘✘ 문제들 1. 넷플릭스, 유튜브 넷플릭스 시리즈 중에 하나를 우연히 봤다가는 큰일난다. 나는 특히나 한 번 시작하면 새벽까지 못 끊고 보기 때문에 시작하면 안 된다. 그래서 핸드폰에 유튜브와 함께 넷플릭스 어플을 삭제했다. 심심하단 생각이 들면 다시 설치할까라는 충동이 들기도 하지만 아직 다시 설치하지 않았다. 깔면 안 된다🤙🏼 2. 늦잠 이건 내 인생 과제다. 아침에 일찍 못 일어 나는 거. 이제부터 잠에 드는 시간을 정해놓고 꼭 지켜야겠다. 목표는..
✱ translate() 원래의 위치를 기준으로 이동하고, 원래의 위치 정보는 남아있다. 값을 하나만 넣으면 x축 이동, y축은 그대로(이동X) position translate 해당 요소의 컨테이너를 기준으로 해당 요소의 본래 위치를 기준으로 absolute의 경우 레이아웃의 다른 요소들과 완전히 별개의 존재가 되어 영향을 미치지 않음 본래 차지하고 있던 공간을 그대로 유지 주로 레이아웃을 짤 때 주로 hover, active와 같은 트리거 이벤트에 top, left는 각 프레임을 그려내는 데 너무 많은 시간을 소요한다. 그 결과 약간 뚝뚝 끊어지는 듯이 전이가 이루어진다. 반면에 translate는 요소가 GPU(RenderLayer)상에서 자기 자신의 레이어 위에 놓여지도록 만든다. GPU 상에서 ..
하루종일 express랑 싸웠다😠👊🏼👊🏼👊🏼 1. html을 ejs로 변경 html은 정적인 언어로 주어진 기능만 사용할 수 있고, 사용자가 기능을 직접 추가할 수 없다.(js로는 가능) 템플릿 엔진은 자바스크립트를 사용해서 html을 렌더링할 수 있게 한다. 기존 html 문법과 다를 수도 있고, js 문법이 들어있기도 하다. 대표적인 템플릿 엔진으로는 퍼그(제이드), 넌적스, ejs가 있다. 1) 데이터가 들어있는 json 파일에서 데이터를 불러와 동적으로 페이지를 구성하기 위해서 ejs로 파일을 바꾸었다. 먼저 ejs를 npm에서 설치했다. npm i ejs 2) 파일 확장자명을 ejs로 변경해줬다. index.html → index.ejs 3) app.js 파일 수정 app.set('view en..
✱express 서버 설치 오늘은 미루고 미루던 express 서버 설치를 했다. 'node.js 교과서'를 참고했는데 생각보다 간단했다. (화면을 띄우는 데 까지만.....) 서버 설치한 과정을 적자면, 1. package.json 파일 만들기 + scripts에 "start": "nodemon app" 추가 (이 글 쓰고, 다음 날에 package.json에 대해 정리함) npm init -y // 여기서 -y 옵션은 뭘까... 2. express, nodemon 설치 npm i express npm i -D nodemon // i는 install 약자로 아예 똑같은 것인가..? 3. app.js 파일 작성 const express = require('express'); const app = expr..
2021.2.8(mon) •git fork •git branch에서 checkout, switch, restore •checkout -t, checkout -b, 트래킹이 뭐야 •remote tracking브랜치, tracking브랜치 차이 2021.2.9(tue) ✘✘✘ 코드리뷰 pull request 과정 ✘✘✘ •pull, fetch, rebase •html svg사용법 •fieldset •css함수? calc? 2021.2.10(wed) •BEM 네이밍 •:root 설정 •import 모듈 •filter 속성 ex) filter: brightness(0) invert(1) •font사이즈는 variables로 표준크기를 정해놓고 사용하도록 •reset 코드는 상위에 한 번에 선언 ex) a { t..
코드스쿼드 5주차📚 이번 주의 첫번째 미션도 역시 쉽지 않았는데 두번째 미션은 그래도 노력하면 할 수 있었고 CS의 마지막 미션이라 이번 주는 기분이 뭔가 좋다. 만족할만큼 열심히 하지도 못했는데ㅋㅋㅋCS가 끝나고 이제 자바스크립트를 시작할 생각을 해서 그런가🥳 좋았던 것 그래도 저번 주에 비하면 미션을 더 해보려고 노력했다. 하지만 아직도 부족하다는 걸 많이 느꼈다. 어느 정도 미션을 구현하고, 선택미션이나 추가로 이걸 더 해볼까 저걸 더 해볼까 하는 그런 생각까지 못하고 있다!! 어느 정도 했으니까 만족해버리는 것도 고쳐야겠다. 쓰다보니 이것도 아쉬운 것 같다.. 아쉬운 것 1. 컨디션 조절 망..완전 망함. 목요일 밤코에서 새벽까지 계속 코딩을 했는데 어느 정도 시간이 지나면 남은 인원들끼리 놀게 ..
코드스쿼드 4주차📚 후...지금까지 제일 힘든 주였다. 코드를 한 글자도 못 썼다. 미션 설계조차 못 했고, 노드js, 개념들 학습하느라 정신 없었다. 그래서 아쉬움 한 가득이지만 그런 만큼 회고를 써서 또 이겨내 봐야지이.. 좋았던 것 1. 졸릴 때도 있지만 전반적인 컨디션 조절은 어느 정도 되는 것 같다. 물론 아직도 늦게 잔다. 더 빨리 자고 빨리 일어나면 좋겠지만 원래 빨리 일어나본 적이 없어서 이 정도면 나쁘지 않다고 생각한다ㅎㅎㅎ 2. 만화로 배우는 cpu책을 다 읽었다. 그렇지만 잘 모르겠다🤷🏻♀️ 그 낯설고 어려운 걸 어떻게 한 번 보고 이해하겠나. 그래도 ‹만화cpu› + ‹Crash course› 이 조합은 cpu 구조를 맛보기에는 좋았다. 컴퓨터 구조는 계속 공부하자 3. 동료 코드..
코드스쿼드 3주차📚 구글링으로 키워드를 검색하다보면 그 개념에 대해서는 어느 정도 알겠지만 뭔가 구조가 머리에 잡히지 않아 답답하다. 그래서 더 재미없게 느껴지는 것 같기도. 그런 점에서 접해본 적 없는 개념을 비전공자가 공부하기에는, 책을 읽거나 강의를 쭉 듣는 게 전반적인 흐름이 이해가 돼서 좋은 것 같다. 만화로 배우는 CPU책, Crash Course 유튜브 강의가 그런 면에서 아주 좋았다. 그래서 운영체제 책을 샀다. 서점 갈 때마다 없어서 미뤘는데 드디어 인터넷으로 주문을 했다. 미션 관련 공부를 하면서 이해를 못하고 넘어가는 느낌이 영 찝찝한 게 빨리 강의를 듣고 싶었다. 만화CPU책을 빨리 다 읽어야 하는데, 앞 내용이 제대로 안 잡혀서 읽었던 데를 반복해서 읽다보니 늦어진다. ⚡️다음주에..
함수형 프로그래밍에 대해 공부하면서 고민했던 과정들을 정리해보려고 한다. 1. 클래스를 사용해야 할까? 처음에 했던 생각 ➙ this.prop은 클래스 내 속성으로 함수에서 사용하면 외부 변수를 사용한 게 된다. 순수 함수를 작성하기 위해서는 외부 변수를 사용하면 안 되므로, 클래스 내 속성을 함수의 인자로 받는 것으로 모두 바꿨다. 속성을 사용하지 않게 되면서 굳이 class의 사용 필요성을 못 느껴 클래스를 없애고 함수표현식만으로 작성했다. 더 생각해보면, ➙ 클래스 내에 다른 메서드를 사용할 경우 this를 쓸 수 밖에 없는데, this를 쓴다는 것은 인스턴스를 참조한다는 것이고, 이 자체가 외부 변수를 사용한다는 것이 되므로, 클래스 내 메서드에서 순수함수를 만든다는 것은 쉽지 않을 것 같다. 메..
코드스쿼드 2주차📚 첫째 주는 완전 생소한 주제였지만 이번 주는 완전 CS 느낌은 아니라 그렇게 힘들진 않았다. 구현하는 과정이 쉽진 않았지만 지난 주보단 재미있었다. 미션을 하면서 node.js 공부가 굉장히 필요하다고 느꼈다...node.js 매우 매우 급급!! 동료들의 코드를 이해하기 위해서도 내가 사용하기 위해서도, 아니 이유 상관없이 기본이다. 공부하자.. 그리고 터미널도 잘 사용해보자. 그리고 알고리즘에 대한 우선순위 고민을 많이 했었는데, 이번 달에는 CS 공부에 더 집중하려고 한다. 이번 달만 CS고, 다음 달부터는 JS라 다음 달부터는 하기 싫을 것 같다는 생각에..(하기 싫어도 CS는 계속 공부해야 하지만ㅜㅜ) 일단 이번 달에는 주어진 미션, 학습 정리가 끝나면 남는 시간에는 CS 책을..