MyMomento/codingJournal 썸네일형 리스트형 Chapter 2 보호되어 있는 글입니다. 더보기 눈오는 밤 보호되어 있는 글입니다. 더보기 크리스마스에도 코딩을 해야겠죠? 주말(25-27) 숙제: 1. fetch vs. axios: what they are, how they are different (max. 2hr) 2. make LOGIN page work (max. 3hr) 3. finish HOME page (max. 3hr) 4. practice making modal pages (ref link) (max. 3hr) total 11 hr **그리고 기타챙겨오기!! (이건 내게 주는 크리스마스 선물) 더보기 T.I.L. 개인 포트폴리오 웹 서버 만들기 1. 서버와 클라이언트의 분리 이 전까지 만든 서버는 클라이언트와 분리되어있었지만, 이번 서버는 클라이언트를 포함(?)하고 있었다. 그래서 클라이언트에서 빌드한 내용은 서버에도 복붙해넣은 것 같다(?) 빌드한 내용을 서버에도 복사한 이유는 배포와 관련이 있다고 했는데. 이렇게 해줘야 클라이언트에서 만든 리액트 앱을 서버창에도 띄울 수 있다고. 오늘도 역시 듬성 듬성하게 이해했다. 이게 같은 내용인지는 모르겠지만, 만약 클라이언트에서 수정을 했다면, 다시 서버에 빌드 시켜줘야한다고(?).. 그 복사붙여넣기 작업을 한 번 더 해야한다는 것 같다.. 2. 클라이언트 라우팅과 서버 라우팅의 차이 사실 생각해보면 당연한건데, 면접도 아니고, 날 콕 집어한 질문도 아니었지만, 질문을 받으면 머릿속이 백지처럼 변해버.. 더보기 [주말 코딩] Node.js, React To do: 1. Node.js 교과서 읽기 (●) 처음 읽었을 때보다는 좀 더 수월하게 읽을 수 있었지만, 여전히 이해가 안되는 문장들이 있었다. 예를 들면, 왜 서버가 필요한지, 데이터베이스에서 바로 가져올 순 없는지? 데이터베이스가 데이터가 저장된 형상(?), 모양이 바로 가져올 수 없어서 "서버"를 통해 가공하는 작업이 필요한것이가? 그래서 서버가 있는건가? 서버, 데이터베이스, 네트워크에 대한 기초 개념부터 다시 봐야할것 같다. 나의 공부여정이 속도를 낼 수 없는 이유는 여기서 비롯된다... 나의 발목을 붙잡는 컴퓨터 사이언트 백그라운드 지식 부족. 그리고 노드는 가능한 싱글스레드로 작업한다 했는데, 이 스레드가 정확히 무엇을 의미하는지 모르겠다. 실행함수 하나가 스레드인가? 조금 귀찮고 원없이.. 더보기 T.I.L. HA 그리고 deployment HA Full Stack 개발자 맛보기를 해봤다. 사실 프론트엔드도 버겁고 여전히 모르고 넘어온 부분이 많았음을 돌아보게 시간이었다. 특히 리액트라는 라이브러리는 여전히 낯설게만 느껴졌다.. 오히려 서버 데이터베이스 연결이 더 익숙하게 느껴질만큼.. 하지만 데이터베이스와 모델 연결도 실패로 끝났다... 처음으로 시연 영상을 녹화해본데 스스로 박수를 보낸다. 그리고 오늘은 마지막 단계인 배포를 살펴보았다. 쉬운 건 하나도 없다는게 결론. Deployment (배포) Full stack으로 개발한 프로젝트는 배포 단계에서 Client, Server, Database를 각각 다른 서비스 블락을 이용해준다. S3: EC2: RDS: velog.io/@lisasu/AWS-S3-EC2-RDS 12factor.net.. 더보기 T.I.L. 그리고 이번주 과제! (thx to YY) T.I.L: 리액트로 클라이언트 사이드 셋업과 서버 사이드 셋업하는 법을 배웠다. npx create-react-app my-app(폴더이름) 으로 리액트관련 모듈을 설치할 수 있다. 리액트를 처음 배웠을 때, 리액트 공식문서를 그대로 따라했더니, my-app이 글로벌에 설치돼있었다. 이것때문에 그 동안 모듈 충돌 에러가 났던것 같다. 그래서 리액트를 글로벌(내 컴퓨터/큰 범위, 영역)로 설치하면 안된다고 안내가 있었다고 한다. (하지만, 내 귀에 들릴리 없었다) 리액트를 사용할 해당 폴더에 그 때 그 때 설치하는 것이 바람직하다. 잘한점: 드디어 헬프데스크를 써보았다. 돌아오는 답변이 어려워서 한 동안 구글에 의존했지만, 그 결과 학습 진도가 좀 많이 뒤쳐졌다. 큰 도움을 받았다. 남은 과제: 이해가 .. 더보기 이상한 자바스크립트 (공부하기 어려운 이유) 자바스크립트 공부하기가 어려운 이유는 엄청난 "체이닝"이 있기 때문이다. 예를 들어 요 며칠 비동기와 프로미스에 대해 공부하려고 했지만, 우선, 비동기를 알기 위해선 콜백 함수를 알아야한대서 고차 함수부터 차근차근 보았다. 추석 연휴 시간을 활용한답시고 느긋하게 다 훑어볼 심보였지만, 첫 날 목표했던 범위는 커녕 그 앞까지도 닿지 못하고 끝나버렸다. 중간중간 명절 음식도 챙겨 먹고, 영화도 챙겨보기도 했지만, 나름 화면앞에서 꽤나 많은 문서와 블로그를 읽어가며 시간을 보냈다. 그래서 오늘은 타이머 API를 보려고 했는데, setTimeout()이 "The setTimeout() method of the WindowOrWorkerGlobalScope mixin (and successor to Window... 더보기 이전 1 2 다음
