[웹사이트 개발일지] 데이터는 어떻게 가져와야하나

막상 간단한 홈 화면 작업을 마무리하니 쉽사리 방향을 잡지 못했다. 좀 헤맸다. 이제 검색 기능을 만들어야 하나 싶어 구글링을 시작했다. 웹사이트 내 데이터를 찾아서 화면에 뿌려주는 기능을 구현해야 한다. 간단하지는 않은 모양이다. 구현하는 방법으로 PHP를 사용하는 예시를 확인했는데, 나는 PHP보다는 자바를 이용하는 방법을 찾아볼 생각이다. 그동안 배운 게 자바이기도 하고, 포트폴리오 역시 자바로 준비할 생각이었다. 근데 자바스크립트로는 검색 엔진 구현이 안 되는 건가? 이것도 좀더 찾아봐야겠다.

 

생각해보니 아직 검색할 데이터랄 게 없었다. 데이터가 담긴 페이지부터 먼저 만들어야겠다. 우선 기업 목록 페이지를 추가했다. 리스트 형식으로 종목이 나열되도록 하고 각 컬럼명 옆에 활성화 버튼을 만들어서 자바스크립트로 오름차순, 내림차순 등을 설정할 수 있도록 구현해 볼 생각이다.

한경컨센서스 형식을 비슷하게 따라가기로 했다. 개발자 도구로 살펴보니 테이블(table) 태그로 구현돼 있다. 종목코드, 종목명, 시가총액, 기업정보 컬럼을 사용하고 기업정보 부문에서는 이처럼 아이콘을 이용해서 별도 링크로 연결되는 형식을 구현할 계획이다.

그런데 tbody 코딩에서 풀어야 할 숙제가 있다. td 태그 안에 작성된 종목명, 업종, 시가총액 같은 컬럼 속성들 말이다. 해당 데이터들이 어떻게 코딩된 걸까. 이 같은 데이터는 매일 변하기 때문에 항상 업데이트된 수치를 반영해줘야 한다. 매번 수동 코딩으로 수정을 거치진 않을 거라는 말이다. 기업 정보 데이터는 DART에서 가져와야한다. 아직 방법을 발견하지 못했다.

---

웹페이지 만들기 깃허브 링크(포스팅 시점 기준)

프로젝트 결과물 | 느낀점