study (70) 썸네일형 리스트형 [웹개발 100일] Day 34~35 - 프로필 (마이페이지) 수정사항 저장 기능 프로필 페이지에서 내 정보를 수정하고 저장할 수 있는 기능을 만들었어요. 🚀 요약작업 시간: 1시간✅ 내 정보 수정 기능 구현 🚀 내 정보 수정 기능 구현이제 프로필 창에서 유저명이랑 비밀번호를 바꿀 수 있어요!! public async Task UpdateUserProfileAsync(int userId, User updatedUser){ var user = await _context.Users.FindAsync(userId); if (user == null) return false; updatedUser.Username = HttpUtility.HtmlEncode(updatedUser.Username); user.Username = !string.IsNullOrWhiteS.. [웹개발 100일] Day 33 - 1주차 주간 정리 죄송,회사에서 일 너무 많이 하고 이틀 연속 늦게 퇴근해서 진심으로 작업하기 싫었어요대신 1주차 랩업 글을 썼어요 https://chie202020.wordpress.com/2025/03/18/100-days-of-code-week-1-wrap-up/ 100 Days of Code: Week 1 Wrap-UpWeek 1 Overview The first week of my 100 Days of Code challenge was all about laying the foundation for my personal project which is a web app for capturing and sharing memories with friends. While…chie202020.wordpress.com .. [웹개발 100일] Day 32 - 프로필 페이지 (마이페이지) 구현 어제 만들던 프로필 페이지 UI 마무리 ~ 🚀 요약작업 시간: 2시간반✅ 프로필 페이지 구현 🚀 프로필 (내 정보 수정) 페이지 구현 사실 레퍼 찾기 귀찮아서 내가 창작함 .. ^ ^모..몰라 이렇게 하는 사이트도 있겠지 내일은 Save Changes 누르면 DB 업데이트되도록 연결하고 저장되었습니다 창 띄우는 걸로 ~ [웹개발 100일] Day 31 - 로그아웃 기능, 프로필 페이지 (마이페이지) 구현 어제를 반성하며 로그아웃 버튼을 만들었어요.내비게이션에서 유저 이름 클릭하면 > 프로필 페이지로 이동하고 > 로그아웃 버튼 누르면 > 토큰 삭제되며 홈으로 돌아감 🚀 요약작업 시간: 3시간반✅ 로그아웃 기능 구현✅ 프로필 페이지 구현 🚀 프로필 (내 정보 수정) 페이지 구현프로필 페이지 - 아직 미완!Save Changes 버튼은 작동 안 하고 UI 구색만 갖춰놓았습니다 const handleSignOutClick = () => { axios .post( "http://localhost:5232/api/auth/logout", {}, { withCredentials: true } ) .then((response) => { .. [웹개발 100일] Day 30 - 알림창 서서히 사라지는 효과, 리액트에서 enter 키에 이벤트 걸기 제가 로그아웃 버튼 구현하기 귀찮아서 오늘 작업 내내 검사창 열고 매번 손으로 토큰을 지웠다는 사실 여러분 믿으시겠습니까.로그아웃 버튼 안 만들 수도 없고 언젠간 해야 될 일을 왜 그랬을까요?인간은 정말 복잡합니다 🚀 요약작업 시간: 3시간✅ 로그인 기능 구현✅ 데이터 가져오기 (get) 기능 구현 🚀 회원가입 기능 구현오늘 한 걸 보여드리자면 일단 로그인 기능 완성했구요.이메일 비번 제대로 입력하면 로그인 되면서 홈 화면으로 이동합니다. 슬프게도 로그인이 안 되는 화면도 직접 손으로 만들어야 합니다.실패 시 알람 창이 떴다가 1.2초 후부터 서서히 사라지도록 했어요. import { useState } from "react";const [error, setError] = useState(null.. [웹개발 100일] Day 26~29 - 회원가입 UI 및 기능 구현 오랜만이에요 여러분!!!26~28일차는 어쩔 수 없는 개인사정으로 쉬게 되었지만, 날짜를 빼지 않고 그대로 이어가려고 합니다.계획이 많이 밀리지도 않았고 마감날짜를 맞추고 싶거든요.오늘은 25일차에 이어,"DB에 있는 글 리스트를 가져오기 이 흐름을 완성하기 위해 회원가입 기능을 개발해 보았습니다. 🚀 요약작업 시간: 2시간반✅ 회원가입 기능 구현 🚀 회원가입 기능 구현첫 화면.UI 좀 개선하고 유효성 검사를 추가했어요. 이미 있는 이메일이면 경고 뜨도록 중복 검사도 해야 하는데 구현하기 너무 귀찮아서 일단 미뤄둠 ..언젠간 하겠지! 인풋 조건 다 만족하면 버튼 색이 바뀌고 활성화 됩니다. Sign Up버튼 로직은 이렇게 구현했십니다. const handleSignUpClick = () => { .. [웹개발 100일] Day 25 - 데이터 가져오는 API 요청 시의 CORS 에러 해결 벌써 100일 중 1/4이 지나갔다..!!아직 3~4주차 계획 중 '파일 업로드' 기능 구현이 남았지만, 어떤 스토리지 서비스를 이용할지 아직 결정하지 못해서 우선은 5~6주차 계획으로 미리 넘어가려 한다. 그래서 오늘부터는 프론트엔드 기능 개발!기본적인 UI/UX 화면 구성은 첫주차에 대부분 해놨으니 크게 할 일이 많지는 않을 것 같다.다만 state 관리를 전혀 안 해놔서 컴포넌트끼리 다 정리하고 API 연결하는 데 시간이 많이 들 걸로 예상된다.솔직히 이 부분은 예전에 해본 경험이 있어서 우습게 본 면이 없지 않은데, 우연찮게도 요즘 회사에서도 같은 작업을 해보니 이게 정말 끝이 없다.생각보다 너무 오래 걸리고 생각도 많이 해야 되더라..어쨌든 일단 시작.. 하다보면 언젠간 되겠지. 주말에 알아보.. [웹개발 100일] Day 23~24 - AWS 비용이 부담되는 소규모 프로젝트에서 사용할 대체 서비스들 주말 동안은 AWS 책 보고 지피티한테 물어보면서 클라우드 정보 알아보고 공부도 했어요AWS를 써보고 싶었는데 토이 프로젝트에 장기적으로 쓰기에는 지출이 클 거 같아서 고민도 되고 다른 대안이 있을지 좀 찾아봤습니당 엊그제 썼던 커리어 체인지 글에 너무 팩트만 담긴 거 같아서 실제로 느꼈던 점이나 좀 극적인 경험 같은 걸 추가했어요약간 진정성 up 된 듯?이전 버전은 블로그 포스트가 아니라 너무 자소서 같았음https://chie202020.wordpress.com/2025/03/07/from-japanese-major-to-software-engineer-my-journey-into-tech/ 🚀 요약작업 시간: 1시간✅ 클라우드 서비스 조사 🚀 소규모 프로젝트 AWS 예상 비용과 대체 클라우.. 이전 1 2 3 4 5 ··· 9 다음
