https://tkddnr1022.github.io/en/tag/frontend/FrontendHugo Blox Builder (https://hugoblox.com)en-usSun, 01 Sep 2024 00:00:00 +0000https://tkddnr1022.github.io/media/icon_hu0b42e902343eb3001ffe774d761cbe9b_5153_512x512_fill_lanczos_center_3.pnghttps://tkddnr1022.github.io/en/tag/frontend/https://tkddnr1022.github.io/en/project/class-manager/Sun, 01 Sep 2024 00:00:00 +0000https://tkddnr1022.github.io/en/project/class-manager/<h1 id="class-manager">Class Manager</h1> <p>Location-based QR attendance check application</p> <h3 id="usage-stack">Usage stack</h3> <ul> <li>React Native(expo)</li> <li>Nest.js</li> <li>MongoDB</li> </ul> <h3 id="rough-design">Rough design</h3> <ol> <li>Create a class, then set the class name, classroom, attendance time, location, etc.</li> <li>Take a picture of the QR code in the classroom with a mobile app</li> <li>Send the location of the photographer, device ID, academic records, etc. to the server</li> <li>Check for duplicate location and device ID to prevent proxy attendance and fraudulent attendance</li> <li>Save attendance information</li> </ol> <h3 id="proxy-attendance">Proxy attendance</h3> <p>Implement only one attendance per device through device unique ID or application ID verification</p> <h3 id="fraudulent-attendance">Fraudulent attendance</h3> <ul> <li><strong>Static QR code (on hold)</strong></li> </ul> <p>Placing a static QR code in the classroom has advantages in terms of cost and efficiency</p> <p>However, there is also a vulnerability that attendance can be made anywhere within the GPS error range because the URL is exposed</p> <p>As a solution, take a picture of the QR code without exposing the URL on the mobile app, and then use a verification method such as a secret key to directly access the mobile app from the classroom. Designed to allow attendance only when photographed</p> <p>→ <strong>Preventing QR code access through abnormal paths such as web browsers</strong></p> <p>We wanted to make it lightweight so that it can be accessed through a web browser without the hassle of installing an app, but using a mobile app is inevitable to take advantage of static QR</p> <aside> <p>In fact, this method can be implemented with static values ​​such as classroom numbers even without QR codes, and there is no significant advantage in utilizing QR codes.</p> <p>Therefore, it seemed desirable to implement it as a dynamic QR code by slightly restricting the attendance environment, and the design was modified to directly generate QR codes for classes.</p> </aside> <p><strong>Dynamic QR code generation</strong></p> <p>Designed so that class participants can take a picture of a QR code that includes a unique identifier for the class on-site and proceed with attendance</p> <p>It is still necessary to develop a mobile app because it is difficult to access the device ID from a browser.</p>https://tkddnr1022.github.io/en/project/ai-nes/Fri, 01 Mar 2024 00:00:00 +0000https://tkddnr1022.github.io/en/project/ai-nes/<h1 id="ai-nes">AI-NES</h1> <p>This is the <strong>AI News Sentiment Analysis Service</strong> project conducted in the first semester of 2024 open source software class.</p> <p>Please refer to the <a href="https://github.com/jchanho99/AI_NES" target="_blank" rel="noopener">GitHub repository</a>.</p>