수능 점수 분석 사이트 만들기 (with AWS Lightsail & Netlify.com) 그동안 살펴본 파이썬과 자바스크립트를 이용하여 수능 점수 분석 사이트를 만들었습니다. 2~3년 전 아들내미 진학 과정에서 필요하다 싶었던 사이트를 이제서야 만들게 됩니다. (유료사이트는 많이 있지만 그래도 한 번쯤 만들어 보고 싶었답니다.) 대부분의 사용자 정보는 HTML로 입력받아 자바스크립트로 과거 입결 자료를 바탕으로 예상 합격선 자료를 만들고 비교하여 결과를 뿌리게 되며, 게시판 페이지는 파이썬 플라스크를 배우며 만든 사이트를 연결하였습니다. 이번 수능 점수 분석 사이트를 만들며 많은 우여곡절을 겪었습니다. 특히 과거 대학 입결 자료를 수집하고 해석하는 과정이라던가 종전과 많이 달라진 입시환경에서 대학별 예상 합격 데이터를 가공하는 부분, 그리고 기술적으로는 메인 사이트와 게시판 사이트를 연결하는.. 2021. 12. 13. HTML form 태그 submit 실행 전 다시 한번 확인 후 데이터 전달하기 JSON 파일 불러올 때가 엊그제 같은데 계획한 작업이 마무리되어 갑니다. 웹페이지를 구성하고 맨 마지막 페이지에 사용자들과 소통할 창구로 사용될 기능인 메시지 발송 폼을 추가하고자 합니다. 사용자로부터의 무분별한 메시지 발송을 걸러 내기 위해 form 태그의 submit 버튼에서 재확인하는 함수를 간단하게 작성해 봅니다. (항상 그렇듯 알고 나면 단순한데 알기 전엔 도통 이해가 안 가는 현상들이 꽤 있습니다. 에러메세지가 없는 에러가 해결하기 더 어렵습니다.) 이름, 이메일, 제목, 내용을 사용자로부터 입력받는 form 태그를 구성합니다.(form 태그를 구성하는 것만으로도 잘못 입력된 양식의 데이터(숫자, 텍스트, 이메일, 전화번호 등)를 걸러낼 수 있습니다.) form 태그로 구성된 데이터를 전송하.. 2021. 12. 13. JSON 오브젝트 객체 파일 불러오기 - 자바스크립트(JavaScript) 지난번 비교적 간단한 웹페이지를 만들 때 사용된 오브젝트 또는 배열은 볼륨이 크지 않아 스크립트 내에서 선언하고 사용할 수 있었습니다. 지금 작업하는 스크립트에는 그보다 훨씬 큰 데이터가 필요하고, 데이터 분석을 요구하는 코딩을 하게 된다면 어쩔 수 없이 마주치게 될 JSON 파일을 자바스크립트에서 불러와 사용하는 방법에 대해 살펴봅니다.(지금까지 살펴본 바 대용량 데이터 파일은 파이썬-판다스가 정말 짱입니다.) 제 경우 엑셀로 된 자료를 JSON 타입의 오브젝트로 변환 후 data.json으로 저장하여 사용했습니다. 참고하세요~! // data.json 읽어오기 data =readTextFile("../js/data.json", function(text){ var data = JSON.parse(tex.. 2021. 12. 13. 웹 페이지 만들고 배포하기 – 자바스크립트(JavaScript) HTML로 웹 페이지를 구성하여 사용자 입력을 받은 데이터를 자바스크립트로 가공하여 특정한 값을 출력하는 간단한 웹 서비스(민망합니다.)를 만들었습니다. 자바스크립트로 사용자 입력을 제어하고 함수를 통해 계산하고 JSON 타입의 오브젝트 배열에 접근하여 자료를 참조도 해봅니다. 이번 웹 페이지를 작성하며 자바스크립트의 문법과 스크립트가 어떤 구조로 실행되는지를 조금 맛본 것 같습니다. 스크립트 언어라 쉽게만 생각했는데 자바스크립트의 장점과 단점을 모두 경험하는 좋은 계기가 되었네요. 아직 부족한 것이 많지만 그동안 작성된 스크립트를 아래와 같이 소개해 봅니다. 엑셀 데이터 몇 가지를 JSON 타입의 오브젝트 배열로 만들어 const 선언을 통해 상수를 만듭니다. 그리고 torque_calc()함수 내에서.. 2021. 12. 13. 이전 1 ··· 8 9 10 11 12 13 다음