UXUI (97) 썸네일형 리스트형 [강의학습일지] 웹개발 종합반 3주차 강의 [추억 앨범] 1. 추억 저장하기 누르면 포스팅박스가 나타났다가 사라지게 만들기 포스팅박스 나타남 포스팅박스 지정, 토글로 껐다 켰다 만들기 완성! 추억 저장하기 버튼을 누르면 포스팅박스가 나타났다가 사라진다. [추억 앨범] 2. 기록하기 누르면 카드가 자동으로 새로 생성 우선 연결 확인하기 이름 바꾸기 value 값 확인 아까 바꿨던 값 가져오기 카드 만들어서 붙이기 완성! 나만의 추억앨범 만들기 하지만 이 카드는 새로고침하면 사라진다.이유: 어디에 저장된 정보가 아니기 때문에.어딘가에 저장된 정보 = 브라우저에 관계없는 다른 곳에 저장돼야 함내가 만든 카드=만들어서 브라우저에 붙인 것새로고침 하면 원래 가지고 있는 html을 보여주고 우리가 썼던 정보는 날아감정보를 적재하고 정보를 받아와서 쓸 수 있.. [강의학습일지] 웹개발 종합반 2주차 강의 태그가 하나밖에 없는 것은 바디라고 써도 어떤 바디태그인지 바로 알 수 있어 이름표 붙일 필요 없음..태그=이름표 이름 JavaScript어떤 것의 움직임을 줄 때박스가 나왔다 들어갔다가, 색이 바뀌거나 뭔가를 진짜 움직이거나, 뭔가 했을 때 서버와 통신을 하는데 쓸수도 있음.우리가 사용하는 브라우저, 눈에 보이는 랜더링시스템 모두 자바스크립트에 맞춰 짜여있음.쭉 굳어져온 것이기 때문에 표준=자바스크립트모든 웹, 브라우저 등 자바스크립트로 작업하면 됨.HTML, CSS 웹페이지를 보는데 쓰임자바스크립트 =서버를 만드는 데에도 쓰임. 아주 많이 쓰임!자바스크립트 (프로그래밍 언어) 로직1. 변수 값을 담는 것 (문자, 숫자,...)console.log검사> console에 띄우는 것. 개발자를 위해 띄우는.. [강의학습일지] 웹개발 종합반 1주차 강의 새로고침F5저장Windows: Ctrl + SmacOS: command + S전체선택Windows: Ctrl + AmacOS: command + A잘라내기Windows: Ctrl + XmacOS: command + X콘솔창 줄 바꿈shift + enter코드정렬Windows: Ctrl + Alt + LmacOS: option + command + L들여 쓰기Tab들여 쓰기 취소 : Shift + Tab주석Windows: Ctrl + /macOS: command + /웹페이지 실행Alt + B입력 라인 자동 정렬Alt + Shift + F 웹 브라우저 작동 원리브라우저의 역할: naver.com에 대응되어 있는 컴퓨터에서 가져와서 보여주기만 하는 것요청하는 쪽: 클라이언트, 주는 쪽:서버 (내가 클라이언트.. [WIL] 24/08/02 오전~오후 09:00~18:00 1. 코딩 3주차 강의 수강 2. 코딩 3주차 숙제 3. 앱 유형 서비스 특강 4. 코딩 숙제 회고 드디어 3주차 강의를 완강하고! 바로 숙제를 시작했다. 차근차근하고 있는데 갑자기 글씨체 적용이 안 되는 오류를 발견했다. 헤더에 분명히 넣었는데... 왜 ... 안 되는 거지? 강의를 돌려봤는데도 안 돼서 코딩 잘하는 수강생 분들께 SOS를 쳤다... 아직 기본 구성에 대해 미숙하기 때문에 프로그램을 먼저 건드리기보다 검사를 통해서 눈을 확인한 뒤에 프로그램에서 수정하는 방법으로 진행하라는 팁을 알려주셨다. 수강생 분들 중에 코딩을 잘하는 코딩 튜터님^^이 알려주신 방법은 style에 폰트 url, 폰트 패밀리를 적용하고, .h1을 만들어 폰트 패밀리를 적용시키기 추가로 .. [TIL] 24/08/01 오전~오후 09:00~18:001. 코딩 3주차 강의 수강2. MVP 특강 갑자기 오류가 나서 뭔가 싶어서 보니까 comment 타이핑에 오타가 있었다. 다 타이핑 하지 말고 복사해서 붙여넣기하기! 저녁 19:00~21:001. 코딩 3주차 강의 수강2. 디자인 스낵타임 및 팀 회고 GET방식https://movie.daum.net/ moviedb/main? movieId=68593movie.daum.net: 서버의 위치첫번째 /부터 ?전까지: 창구이름movieId=이후: 창구에 가져가는 데이터(ex. 68593이 아니라 68000이면 다른 데이터가 나옴) 코딩 강의 학습일지를 쓰고있는데 강의 다 듣고 숙제까지 한 다음에 정리해야겠다. A카드를 추가해야하는 상황이라는 가정하에 버튼이 크고 직관적인.. [TIL] 24/07/31 오전 09:00~13:001. 코딩 강의 1주차 수강2. 코딩 강의 2주차 수강 어제 카드 만들기 할 때 붙여 넣기를 잘못해서 그 부분을 지우고 다시 강의를 들으면서 복습했다. 붙여넣기에서 오류가 있었던 이유 어제는 이 화면이 제대로 안보였는데 오늘 다시 하니까 된다 🥺 !!!!!!! 완성된 화면! 2트째에 성공이라 더 뿌듯하다 ㅎㅎ2주차 강의를 바로 수강할까 하다가 잠깐 리프레시가 필요할 것 같아서 아티클을 찾아보았다. 디자인의 문제 해결과 효율적으로 하는 법!에 대해 알아보다가 JOBS-TO-BE-DONE이라는 개념을 새로 알게되었다. 내용이 좀 어렵기도 하고 길어서 일단 반 정도 읽었다. 다 읽고 나면 느낀점을 글로 써봐야겠다. 디자이너의 JOBS-TO-BE-DONE 프레임워크미국에서 열심.. [TIL] 24/07/30 오전 09:00~13:001. 코딩주차 발제2. 코딩 강의 듣기3. 튜터님 면담 9시에 발제 듣고 11시 반에 튜터님 면담이 있어서 다녀왔다. 캠프를 진행하면서 어려웠던 점, 과제 피드백에 대한 얘기도 들었다. 그리고 코딩 강의 듣기 시작! 쉽게 설명해주셔서 바로 따라하기 쉬웠다. 코딩에 대해 아무것도 모르지만 항상 궁금했던 분야라 이번에 배운다고 생각하니 신난다. 면담 전에 1주차 5강까지 듣고 따라해봤는데 내가 넣은 코드가 바로 적용이 되니까 신기했다. 오후 14:00~18:001. 튜터님 면담 내용 정리2. 코딩 강의 듣기3. 진짜 문제 발견하기 특강 UX 기획 및 리서치 과제 피드백에 대한 내용이 길어서 그 내용을 정리해봤다. 바로 적용할 수 있는 부분은 디벨롭하고 추가적으로 물어봤던 것들도.. [TIL] 24/07/29 오전 09:00~13:001. 발표회2. 튜터님 피드백3. 팀 KPT 회고 주말에 장표 정리, 발표회 준비를 했다. 마지막으로 발표 리허설 했을 때 딱 7분 30초 나와서 발표 대본을 약간 짧게 수정했다. 화면을 왔다 갔다 하면서 시연하는 것도 이제 익숙해져서 시간을 많이 줄일 수 있었다. 저번 UI 개선 프로젝트 때는 2번째였고 2시 발표여서 마음이 조급했는데 이번에는 9시고, 8번째라 떨리진 않았다. 어떻게 7분이 지나갔는지 모를 정도로 집중해서 발표를 진행했다. 혹시나 문제가 있을까 봐 몇 번씩 확인했는데 다행히 큰일은 일어나지 않았다. 다만 발표 시간이 30초가 초과되었다는 점...? 튜터님께서 해주신 피드백도 거의 칭찬이어서 뿌듯했다. 튜터님들께 피드백받은 내용은 거의 수정했는데 장표 순서에 대.. [WIL] 24/07/26 오전~오후 09:00~18:001. 2차 UT 시나리오 작성2. 발표 장표 제작3. 대본 스크립트 제작 2차 UT 시나리오를 작성하고, 발표 장표 및 대본 스크립트를 제작했다. 어제 저녁에 제출한 장표에서 크게 보완할 것이 없어서 오늘은 여유롭게 흘러갈 것이라고 생각했는데.. 갑자기 잊고있던 A/B 테스트가 생각나서 넣다보니 점점 양이 불어났고.. 스크립트가 어마어마하게 길어졌다. 꼭 필요한 내용만 적었는데 다 얘기하려면 20분은 걸릴 것 같았다. 아직 2차 UT 시나리오도 넣지 않았는데 말이다.. 그래서 최대한 줄여보고, 발표 리허설을 해서 시간이 얼마나 걸리는지 확인해보기로 했다. 저녁 19:00~21:001. 발표 리허설2. 튜터님 피드백3. 발표 장표 수정 지금와서 생각해보면, 발표 리허설을 해.. [TIL] 24/07/25 오전 09:00~13:001. 페르소나 및 사용자 여정지도2. 솔루션 정리3. 디자인 개선 페르소나와 사용자 여정지도를 제작했다. 써야 할 내용이 이미 다 나와있어서 빨리 끝날 거라고 생각했는데 이 부분에서 생각보다 시간이 오래 걸렸다.. 왜지? 시간은 부족한데 해야할 것은 많고, 장표 제작에 시간이 오래 걸리기 때문에 장표 제작을 먼저 하기로 했다. 역할분담을 장표제작에 2명, 디자인 개선에 3명으로 나눴다. 디자인 개선이 제일 마지막에 들어가니까 장표제작을 하다 보면 디자인 개선이 완성될 거라 생각했다.디자인 개선으로 넘어가서, 모든 화면을 클론할 수는 없으니까 프로토타이핑에 쓸 주요 부분은 만들고 나머지는 스크린샷으로 캡처한 것을 넣기로 했다. 각자 화면을 나눠서 진행했다. 오후 14:00~1.. 이전 1 2 3 4 ··· 10 다음
