지난주 금요일부터 진행했던 포트폴리오 구축하기 스프린트를 오늘 Express 서버에 연결하면서 어느정도 마무리했다. 이제 남은 과제는 수료까지 점점 다듬어 가는 것. 정말 다양한 CSS 요소를 다뤄보고, Hook을 이용해서 상태를 관리하여 간단한 이벤트를 붙이는 작업을 진행할 수 있었다. 참 배울 것이 많은 코스였다.
오늘부터는 나에게는 어쩌면 정말 어린시절 부터 다뤘던, 엑셀과 많이 비슷한 데이터베이스와 SQL을 공부하기 시작했다. 엄청 많이 낯설지는 않지만 블로깅을 천천히 진행하면서 필수적인 부분을 완전하게 내 것으로 만드는 작업을 해야겠다. 즐겨보자 🚀
Today’s Key 🦄
- (아침) : 문자열의 반복되는 문자의 빈도를 체크하는 알고리즘 문제를 풀었다. sort 메소드에 4가지 조건을 넣어본 것은 처음이었다. (33번 characterFrequency)
- (오전) : ProjectMain 컴포넌트에 기술 스택별로 검색하는 검색창 요소를 넣고 state를 생성했다. 이벤트를 달아주는 것과 에러를 바르게 잡는 부분에서 제법 시간을 뺐겼다.
- (점심 이후) : client 코드를
yarn build
명령으로 빌드하였고, 서버 디렉토리에 저장하여 정적 파일을 서버에 반영해주었다. 조금 더 공부가 필요하다. (특히 Express..)
// node의 path 모듈을 이용했다.
// 클라이언트의 build된 파일이 서버의 public 파일에 들어있기 때문에
// path 모듈로 정적파일을 서로 연결했다.
app.use(express.static(path.join(__dirname, "/public")));
// "/"로 시작하는 루트 주소에 정적파일을 불러오도록 요청했다.
app.get("/*", (req, res) => {
res.send(path.join(__dirname, "/public", "index.html"));
});
- (오후 & 저녁 이후) : W3School의 SQL 튜토리얼을 보면서 SQL을 차근차근 공부하고 있다. 데이터베이스에 대한 기본적인 이해를 하고, SQL 명령어 관련한 블로깅을 진행했다.
데이터베이스 블로깅 보러가기
SQL 명령어 블로깅 보러가기