드림오구
article thumbnail
[TIL : 230414]
🐹 TIL 2023. 4. 14. 23:43

🌊 TIL : 2023년 4월 14일 오늘 배운 것 피그마 사용법 어려웠던 부분 이거 코딩 구현이 더 쉽겠어요!! 했는데 CSS 알아서 작성해준대서 시무룩.. 느낀점 기술의 발전은 놀랍다.. 피그마도 개발자분이 만드신거겠지.. 더 공부할 것

article thumbnail
[TIL : 230413]
🐹 TIL/Daily 2023. 4. 14. 00:29

🌊 TIL : 2023년 4월 13일 오늘 배운 것 UI/UX의 개념과 UI/UX의 차이 🌸 [UI/UX] UI/UX의 이해 🌊 UI/UX의 이해 UI (User Interface) : 사용자 인터페이스. 사람들이 컴퓨터와 상호 작용하는 시스템. 요즘은 화면상의 그래픽 요소를 UI라고 지칭하지만, 키보드, 마우스 같은 컴퓨터와 상호 작용하는 dreamogu59.tistory.com 쇼핑몰 목록 앱 만들기 🍰 [Project] 쇼핑 목록앱 만들기 🌊 쇼핑 목록앱 만들기 구현 요소 완료 HTML/CSS + 버튼을 누르면 리스트 추가하기 input을 입력후 엔터를 누르면 리스트 추가하기 미완료 휴지통 버튼을 누르면 해당 리스트 삭제되기 느낀점 구글 dreamogu59.tistory.com 어려웠던 부분 UI..

article thumbnail
🍰 [Project] 쇼핑 목록앱 만들기
🐹 TIL/Project 2023. 4. 14. 00:17

🌊 쇼핑 목록앱 만들기 구현 요소 완료 HTML/CSS + 버튼을 누르면 리스트 추가하기 input을 입력후 엔터를 누르면 리스트 추가하기 미완료 휴지통 버튼을 누르면 해당 리스트 삭제되기 느낀점 구글링은 최고다.. 엔터키를 눌렀을 때, + 버튼을 눌렀을 때 둘 다 리스트를 추가해야하니 해당 부분을 함수로 구현하였는데 만족스럽다. 내일은 미완료 부분까지 해낼 예정! 그 외 드림코더 엘리님의 브라우저101 중 쇼핑 목록앱 만들기입니다. 저작권 문제로 풀이 과정은 올리지 않습니다. 프론트엔드 필수 브라우저 101 프론트엔드 개발자라면 필수로 알아야 하는 브라우저와 Web APIs 그리고 자바스크립트로 멋지게 코딩하기 (10개의 실전 프로젝트) academy.dream-coding.com

article thumbnail
🌊 [javascript] 프로그래머스 - k의 개수
🐣 STUDY/Algorithm 2023. 4. 13. 16:54

🌊 k의 개수 - Lv.0 🐤 문제 설명 1부터 13까지의 수에서, 1은 1, 10, 11, 12, 13 이렇게 총 6번 등장합니다. 정수 i, j, k가 매개변수로 주어질 때, i부터 j까지 k가 몇 번 등장하는지 return 하도록 solution 함수를 완성해주세요. 🐣 제한사항 1 ≤ i { // input i, j, k // for문을 돌리기? let result = 0; for (let num = i; num { // input i, j, k // for문을 돌리기 let result = 0; for (let num = i; num

article thumbnail
🌸 [UI/UX] UI/UX의 이해
🐣 STUDY/UIUX 2023. 4. 13. 16:00

🌊 UI/UX의 이해 UI (User Interface) : 사용자 인터페이스. 사람들이 컴퓨터와 상호 작용하는 시스템. 요즘은 화면상의 그래픽 요소를 UI라고 지칭하지만, 키보드, 마우스 같은 컴퓨터와 상호 작용하는 물리적 요소도 UI라 부른다. 레아이우스 폰트, 색상 등의 시각적인 요소 뿐만 아니라 효과음 등의 비시각적인 부분도 UI라고 할 수 있습니다. GUI는 UI중에서도 시각적인 부분만을 표현하는 개념입니다. 요즘에는 화면과 상호 작용을 통해 사용하는 기기들을 어렵지 않게 찾아볼 수 있습니다. 현대 사회에서는 GUI가 굉장히 중요한 역할을 하게 되었습니다. 일반적인 웹, 앱 디자인을 의미하며, 사실상 국내에선 UI와 GUI를 구분하지 않고 있습니다. UX(User Experience) UI와 긴..

[TIL : 230412]
🐹 TIL/Daily 2023. 4. 13. 00:23

🌊 TIL : 2023년 4월 12일 오늘 배운 것 재귀함수 JSON.stringify JSON.parse AJAX 더 공부할 것 재귀함수 알고리즘

article thumbnail
🌊 [JAVASCRIPT] AJAX
🐣 STUDY/Java Script 2023. 4. 12. 22:26

🌊 AJAX AJAX(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동작하며 이 객체는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다. Ajax는 웹페이지의 변경에 필요한 데이터만 ₩₩비동기 방식₩으로 전송받아 웹페이지를 변경할 필요가 없는 부분은 렌더링 하지 않고, ₩₩변경할 필요가 있는 부분₩만 한정적으로 렌더링 하는 방식 JSON(JavaScript Object Notation) JSON은 클라이언트와 서버 간의 HTTP 통신을 ..

article thumbnail
[TIL : 230411]
🐹 TIL 2023. 4. 12. 16:23

🌊 TIL : 2023년 4월 11일 오늘 배운 것 영어 필사 재귀 함수 어려웠던 부분 알고리즘 풀이시 문제를 보고 바로바로 이해하지 못할 때가 많았다. 알고리즘 문제에 조건이 없으면 스스로 못 풀거 같다. 느낀점 문제를 직관적으로 풀 때가 많아서 말로 설명하려고 하면 제대로 나오지 않았다. 페어님께 설명해드리며 나도 확실히 이해하고 있는 것이 아니라고 느꼈다. 더 공부할 것 문제에 더욱 익숙해져야 하는 부분 같다.