전체 글 (47) 썸네일형 리스트형 [article] 'UXUI 레벨테스트 정리' 분석 출처 https://velog.io/@wns450/UX-UI-%EB%A0%88%EB%B2%A8%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A0%95%EB%A6%AC UX UI 레벨테스트 정리유저 경험을 고려한 UI/UX 기준점들을 정리해보자velog.io 요약 UX/UI 레벨테스트에 직접 참여한 내용을 바탕으로 정리한 아티클이다. 서두 부분에 긴글은 왼쪽 정렬 하는 것이 읽는 사람으로 하여금 편안하게 읽을 수 있도록 한다는 사실을 설명한다. 그 이유는, 우리는 글을 읽을 때 한 글줄을 읽고 자연스럽게 다음 글줄의 시작점을 찾는데, 가운데로 정렬된 글은 글줄의 시작점이 매번 달라져서 피로를 느끼게 한다는 것이다. 그래서 앞으로 블로그는 왼쪽 정렬하여 작성하려 한다. 본 아티클은 유저경험을 어.. [TIL] 스타터 노트 보호되어 있는 글입니다. [JS] 웹 상에 존재하는 UI 만드는 법 - UI 만드는 step1. html/ css로 미리 디자인만들고 싶은 UI의 디자인을 다 해놓으면 된다. 필요하면 미리 숨김2. 필요할 때 보여달라고 코드짜기 (자바스크립트로!) 자바스크립트 조작 방법 자바스크립트는 HTML 조작을 위해 사용한다. html 조작과 변경을 담당한다. 그래서 자바스크립트 코드를 잘 짜면 html을 원하는대로 조작이 가능하다. h1 id="hello">안녕h1> script> document.getElementById("hello").innerHTML = "안녕하세요"; script> 자바스크립트는 영어 좀 알면 누구나 해석가능한 언어! document ---> 문서. 여기선 html 웹문서 마침표 ---> ~의getElementById("hello") ---> 아이디가 "hello"인 html요소(element)를 찾아줘innerHTML ---> HTML 내부= ---> 등호는 프로그래밍에서 오른쪽에 있는걸 왼쪽에 대입하라는 뜻이다. 해석하면, 웹문서의 .. [Review]Monthly Report4(2023.06) 1. Result1) 성과 -. [완료] 졸업프로젝트 앱 제작(캡스톤디자인) * due date: 23년도 1학기 * 결과: A 도구: expo 언어: React Native -. [완료] 웹디자인기능사 필기 -. 여수여행 -. 매복 사랑니 발치.. 2) 진행중 공부현황 -. [진행중] 정보처리기사 필기 * due date: 23.06.28 ~ 23.02.07.19 * 학습내용: 소프트웨어 설계, 소프트웨어 개발, 데이터베이스 구축, 프로그래밍 언어 활용, 정보시스템 구축 관리 (총 5과목) 2. Feedback -. 졸업 프로젝트인 투두리스트와 루틴을 융합한 앱을 개발하면서 많은 어려움이 있었지만 되돌아보니 그 어려움을 통해 문제를 해결하는 법을 배웠고, 꾸준한 개발이 중요하다는 것을 느끼게 되었다. .. [23_1 웹응용프로그래밍 팀프로젝트] GitHub 활용 ※Readme 파일 보고 그대로 따라하신 후 안되는 부분이나 오류생기면 바로 말씀해주세요! 여기서는 GitHub가입 및 Git Bash, GitHub Desktop 설치가 되었다고 가정하고 이후 작업에 대해 설명합니다.GitHub Desktop 설치 직후설치 작업을 마치고, 'Clone a repository from the internet..'을 실행해주세요. 다음으로 Sign-in 을 해야합니다. 본인의 github 계정으로 Sign-in을 하면, 자신의 계정으로 접근 가능한 모든 repository 목록이 나타납니다.프로젝트의 repository를 선택하고, Local Path에 다운로드할 위치를 지정하면 됩니다. GitHub Desktop 활용작업 시작하실 때, 꼭 팀프로젝트 폴더로 접속해주셔.. [23_1 웹응용프로그래밍 팀프로젝트] 초기 설정 단계 23_1 웹응용프로그래밍 팀프로젝트프로젝트명: Busan_tourism목표- 관광지 정보 표준 데이터 api를 활용하여 열람 가능한 관광지 정보 사이트- chat GPT의 Q&A api를 활용하여 관광지에 관한 사용자의 정보 검색시간 단축 프로젝트 환경 설정 단계Visual Studio Code 설치node.js, npm, npx 설치로컬에 설치되어 있는지 확인하는 방법컴퓨터 cmd 창에 다음과 같이 입력한다. 이미 설치 되어 있을 시 다음 단계 진행하면 됨프로젝트 실행프로젝트 폴더 만들기(git이 설치되어 있다는 가정 하에) 폴더에서 Visual Studio Code 열고, terminal 창에서 Git Bash 창 열기 3. 아래와 같이 입력 ---> 폴더 아래에 git에서 받은 폴더가.. [React] react for beginner - React JS 설치를 위한 Javascript 코드 Url https://unpkg.com/react@17.0.2/umd/react.production.min.jshttps://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js React JS는 html코드를 직접 작성하지 않고 그 대신, javascript코드를 사용한다.Javascript와 React JS를 이용하여 element를 생성한다. - React JS element를 어떻게 생성하는가? React를 import했다는 가정하에 (위의 URL 참고)const span =React.createElement("span");createElement function을 가진 React ob.. 이전 1 2 3 4 5 6 다음
