728x90
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: Create keyed object from array  (0) 2021.09.23
The Modern JS Tutorial: array-methods: filter unique array members  (0) 2021.09.22
The Modern JS Tutorial: array-methods: shuffle an array  (0) 2021.09.21
The Modern JS Tutorial: array-methods: sort users by age  (0) 2021.09.20
The Modern JS Tutorial: array-methods: map to objects  (0) 2021.09.20
728x90
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: filter unique array members  (0) 2021.09.22
The Modern JS Tutorial: array-methods: Get average age  (0) 2021.09.22
The Modern JS Tutorial: array-methods: sort users by age  (0) 2021.09.20
The Modern JS Tutorial: array-methods: map to objects  (0) 2021.09.20
The Modern JS Tutorial: array-methods: map to names  (0) 2021.09.20
728x90
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: Get average age  (0) 2021.09.22
The Modern JS Tutorial: array-methods: shuffle an array  (0) 2021.09.21
The Modern JS Tutorial: array-methods: map to objects  (0) 2021.09.20
The Modern JS Tutorial: array-methods: map to names  (0) 2021.09.20
The Modern JS Tutorial: array-methods: calculator  (0) 2021.09.20
728x90
let john = { name: "John", surname: "Smith", id: 1 }; let pete = { name: "Pete", surname: "Hunt", id: 2 }; let mary = { name: "Mary", surname: "Key", id: 3 }; let users = [ john, pete, mary ]; let usersMapped = /* ... your code ... */ /* usersMapped = [ { fullName: "John Smith", id: 1 }, { fullName: "Pete Hunt", id: 2 }, { fullName: "Mary Key", id: 3 } ] */ alert( usersMapped[0].id ) // 1 alert( usersMapped[0].fullName ) // John Smith
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: shuffle an array  (0) 2021.09.21
The Modern JS Tutorial: array-methods: sort users by age  (0) 2021.09.20
The Modern JS Tutorial: array-methods: map to names  (0) 2021.09.20
The Modern JS Tutorial: array-methods: calculator  (0) 2021.09.20
The Modern JS Tutorial: array-methods: filterRangeInPlace  (0) 2021.09.13
728x90
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: map to names  (0) 2021.09.20
The Modern JS Tutorial: array-methods: calculator  (0) 2021.09.20
The Modern JS Tutorial: array-methods: filterRange  (0) 2021.09.13
The Modern JS Tutorial: array-methods: camelize  (0) 2021.09.13
백준 15652번: N과 M (4) Node.js(JavaScript)  (0) 2020.02.27
728x90
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: calculator  (0) 2021.09.20
The Modern JS Tutorial: array-methods: filterRangeInPlace  (0) 2021.09.13
The Modern JS Tutorial: array-methods: camelize  (0) 2021.09.13
백준 15652번: N과 M (4) Node.js(JavaScript)  (0) 2020.02.27
백준 15651번: N과 M (3) Node.js(JavaScript)  (0) 2020.02.25
728x90
저작자표시

'Algorithm > JavaScript(Node.js)' 카테고리의 다른 글

The Modern JS Tutorial: array-methods: filterRangeInPlace  (0) 2021.09.13
The Modern JS Tutorial: array-methods: filterRange  (0) 2021.09.13
백준 15652번: N과 M (4) Node.js(JavaScript)  (0) 2020.02.27
백준 15651번: N과 M (3) Node.js(JavaScript)  (0) 2020.02.25
백준 15650번: N과 M (2) Node.js(JavaScript)  (0) 2020.02.24
728x90

Click! 👉 https://dasolpark.github.io/Dasol_JS_Calculator/

 

Calculator

 

dasolpark.github.io

Github 👉 https://github.com/DasolPark/Dasol_JS_Calculator

 

DasolPark/Dasol_JS_Calculator

Calculator with Vanilla JavaScript. Contribute to DasolPark/Dasol_JS_Calculator development by creating an account on GitHub.

github.com

 Vanilla JavaScript로 개발한 🧮'계산기' 입니다.

eval을 이용하여 효율적으로 개발할 수 있었으며, 여러가지 변수는 고려하지 않고 단순하게 만들어 보았습니다😊

Main 화면
실행 화면
결과 화면

저작자표시

'Project > Side-Project' 카테고리의 다른 글

[ReactJS] Movie App  (0) 2020.02.27
[ReactJS] YouTube API를 이용한 비디오 검색 웹 앱  (0) 2020.02.21
[ReactJS] Unsplash API를 이용한 무료 이미지 검색 웹 앱  (0) 2020.02.19
[CSS] 웹&모바일 앱 디자인(Web and Mobile Application Design)  (0) 2020.02.19
[ReactJS] Navigator와 OpenWeatherMapAPI를 이용한 날씨 정보 페이지  (0) 2020.02.15
728x90

Click! 👉 https://www.youtube.com/watch?v=wSSwgFFH5v8&feature=youtu.be

Github: https://github.com/DasolPark/AriTeam_FullStack_Chatbot_Aribot

대학 생활 편의를 위한 챗봇과 웹앱을 졸업 작품으로 개발하였습니다.

👓사용한 기술
Front-End: JavaScript, HTML/CSS, Bootstrap
Back-End: Node.js
Database: MySQL, MongoDB
Cloud Server: AWS EC2
Chatbot Platform: danbee.Ai

📳챗봇: 학사 규칙, 빈 강의실 조회/예약, 부서 위치/전화번호 안내, 학교 식당 메뉴 안내, 편의 시설 위치 안내 등
💻웹앱: 빈 강의실 조회/예약, 개설 강좌 안내, 챗봇 소개, 데이터 관리자 페이지 등

클라우드와_인공지능을_이용한_대학교_학사행정지원_챗봇과_웹앱.pdf
1.83MB

저작자표시
728x90

Click! 👉 https://dasolpark.github.io/Dasol_JS_Momentum_Clone/

 

Welcome to Momentum Clone

 

dasolpark.github.io

Github 👉 https://github.com/DasolPark/Dasol_JS_Momentum_Clone

 

DasolPark/Dasol_JS_Momentum_Clone

Let's make momentum clone with Vanilla JS. Contribute to DasolPark/Dasol_JS_Momentum_Clone development by creating an account on GitHub.

github.com

항상 이용하고 있는 Chrome Extension Momentum을
HTML/CSS/JavaScript를 사용하여 나만의 스타일로 재구성 해봤습니다.

🌳배경 이미지는 무작위로 생성되며, 😃본인의 이름을 저장할 수 있고, ⛅간단한 날씨 정보도 얻을 수 있습니다.
또한, 📑해야 할 일 목록을 작성하여 체크하거나 삭제하며 사용할 수 있습니다.

날씨 API는 openweathermap, 배경 이미지 API는 unsplash를 이용하였으며
이름과 해야 할 일 데이터는 Local Storage에 저장하였습니다.

브라우저 앱이기 때문에, 노트북이나 데스크톱 브라우저에 최적화되어 있습니다.

첫 번째 화면,이름을 묻는 페이지

 

두 번째 화면, 사용자를 반겨주며 오늘 가장 중요한 일을 작성할 수 있습니다.
세 번째 화면, 사용자를 반겨주며 작성된 오늘 가장 중요한 일을 확인할 수 있습니다.
네 번째 화면, 오늘 가장 중요한 일을 완료 표시 할 수 있습니다.
다섯 번째 화면, 해야 할 일 목록을 작성할 수 있습니다.
여섯 번째 화면, 해야 할 일 목록을 완료 표시 또는 삭제할 수 있습니다.

저작자표시

'Project > Side-Project' 카테고리의 다른 글

[CSS] 웹&모바일 앱 디자인(Web and Mobile Application Design)  (0) 2020.02.19
[ReactJS] Navigator와 OpenWeatherMapAPI를 이용한 날씨 정보 페이지  (0) 2020.02.15
[JS] 로컬 스토리지를 이용해 '게시판' 만들어 보기  (0) 2020.01.25
[CSS] 왓츠앱 디자인 패턴 복제하기(WhatsApp Design Clone) Side Project  (0) 2020.01.20
[JavaScript] 운동 관리 타이머(Workout Timer) Side Project  (2) 2020.01.16

+ Recent posts

티스토리툴바