웹개발 14

[Web] 웹 개발이란 무엇인가? 웹 개발의 변천사(Javascript, JQuery, React)

웹 개발을 배우는 이유웹 개발은 웹 브라우저와 웹 서버와 관련된 모든 것들을 개발하는 것을 통칭합니다웹은 핸드폰이나 노트북과 같은 머신에 국한되지 않고, 어디에서든지 적용이 가능합니다-> 웹브라우저는 어디든지 설치가 가능한 작은 가상의 머신(VM)이기 때문웹 개발이란?웹 개발이란 웹 페이지에 무엇인가를 보여주는 것입니다 Display things on a web page웹 페이지는 다음의 3가지 요소로 이루어져 있습니다웹 페이지의 구조를 다루는 HTML디자인을 다루는 CSS유저 인터랙션을 다루는 Javascript자바스크립트는 사용자의 입출력 데이터를 처리하고, 화면의 애니메이션을 그리는 등의 동적인 요소를 담당합니다프론트엔드는 이러한 웹 화면을 그리는 Rendering을 다룹니다..

Web 2024.04.24

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 8주차

🎉두 번째 프로젝트: 스팩스페이스의 스팩로그 => 개발자들이 다양한 분야의 프로젝트와 로그를 공유할 수 있고 정보를 수집할 수 있는 커뮤니티 서비스 🎆포켓베이스의 비밀번호 변경 기능을 추가로 구현했다. 포켓베이스 측에서 메일을 발송해주기 때문에 손쉽게 비밀번호를 변경할 수 있다! Checkbox의 디자인을 동그라미로 대체하기 위해 컴포넌트를 직접 만들었다. 빈 동그라미와 채워진 동그라미 두개의 이미지를 보여지게 끔 했다. 자체 컴포넌트를 React-hook-form에 연결하기 위해서는 Controller를 사용해야 했다. 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 ..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 7주차

🎉두 번째 프로젝트: 스팩스페이스의 스팩로그 => 개발자들이 다양한 분야의 프로젝트와 로그를 공유할 수 있고 정보를 수집할 수 있는 커뮤니티 서비스 🎆Gmail을 통해 SMTP설정을 처음 해봤다! 근데 구글에서 한번 비정상적 활동이라며 계정을 막았다. 그래서 문의했더니 다행히 금방 계정을 풀어주었다. 완성된 디자인킷을 활용하여 기능만 있는 페이지에 디자인을 추가했다. 디자인킷으로 인해 여러 사람이 각각 다른 기능을 구현해도 페이지들 간에 통일성이 있어서 좋았다. 그리고 Recoil을 사용하여 상태관리를 하게 됐다. 다음주면 벌써 프로그램의 끝이다. 더 많은 기능을 구현하지 못한 것이 아쉽지만, 잘 마무리 할 수 있었으면 좋겠다!! 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 6주차

🎉두 번째 프로젝트: 스팩스페이스의 스팩로그 => 개발자들이 다양한 분야의 프로젝트와 로그를 공유할 수 있고 정보를 수집할 수 있는 커뮤니티 서비스 🎆회원가입, 로그인 파트를 맡게 되었다! React-hook-form에 대해 처음 접해서 공부하면서 프로젝트에 적용하고 있다. 디자인킷을 따로 개발해주시는 분이 계시기에 디자인을 하나도 넣지않고 기능만 구현하고 추후에 디자인을 붙일 계획인데, 기능에 먼저 집중할 수 있어서 기능을 먼저 구현하고 디자인을 붙이는 게 좋은 개발 방식인 것 같다. 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 실행 ..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 5주차

🎉두 번째 프로젝트: 스팩스페이스의 스팩로그 => 개발자들이 다양한 분야의 프로젝트와 로그를 공유할 수 있고 정보를 수집할 수 있는 커뮤니티 서비스 🎆처음 사용하는 기술스택들이 있어서 공부가 더 필요할 것 같다. 프론트엔드는 참 다양한 선택지가 있는 것 같다. 공부한 후에는 기술들을 적재적소에 잘 활용하는 개발자가 되기를!! 또한 API를 작성하는 과정에서 많이 배웠다😄 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 실행 가능한 것 🎥5주차 회고 본 후기는 유데미-스나이퍼팩토리 앱/웹 개발자 인턴형 프로그램 학습 일지 후기로 작성 되었습니..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 4주차

🎉두 번째 프로젝트: 스팩스페이스의 스팩로그 => 개발자들이 다양한 분야의 프로젝트와 로그를 공유할 수 있고 정보를 수집할 수 있는 커뮤니티 서비스 🎆이번에도 4명의 개발자들과 여러명의 디자이너분들과 함께한다. 이번에는 어떤 프로젝트가 기다리고 있을까~? 기대가 된다. 두근두근!! 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 실행 가능한 것 🎥4주차 회고 본 후기는 유데미-스나이퍼팩토리 앱/웹 개발자 인턴형 프로그램 학습 일지 후기로 작성 되었습니다. #유데미 #udemy #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발 #개발자부트..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 3주차

🎉첫 번째 프로젝트: 와이엠 에스닷코의 스팩폴리오 => 취준생들이 자신의 포트폴리오를 자유롭게 올리고 유저 혹은 멘토와 피드백을 주고 받을 수 있는 서비스 🎆첫번째 프로젝트가 마무리 되었다!! 디자인이 1주 뒤에 나왔기에 실제로 개발한 시간은 2주였다. 방대한 양의 디자인에 비해 주어진 시간이 짧았고 백엔드가 준비되지 않았던 점이 아쉬웠다.(디자인이 잘 나왔는데!!) 다음 프로젝트는 5주간 진행이 되고 준비할 시간과 제공되는 것이 더 있다고 하니 기대가 된다. 다들 수고 많으셨습니다~!!👏💕 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 ..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 2주차

🎉첫 번째 프로젝트: 와이엠 에스닷코의 스팩폴리오 => 취준생들이 자신의 포트폴리오를 자유롭게 올리고 유저 혹은 멘토와 피드백을 주고 받을 수 있는 서비스 🎆디자이너 10명과 개발자 4명의 협업이 이루어지고 있다. 일주일에 한번 전체 회의가 있고, 디자이너 분들과는 피그마, 개발자 분들과는 디스코드와 노션, 깃허브를 통해 협업을 하고 있다. 다들 열심이시고, 훌륭하셔서 나만 잘하면 되겠다는 생각을 했다.🤣 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 실행 가능한 것 🎥 2주차 회고 본 후기는 유데미-스나이퍼팩토리 앱/웹 개발자 인턴형 프..

[유데미X스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 : 웹 개발 1주차

⚽ 으로, 국민취업제도 참여자도 참여할 수 있다! => 첫 주는 오전 9시 부터 오후 6시까지 강의를 들었고, 8주 동안은 프로젝트를 진행하게 되는 데 두 개의 프로젝트를 3주, 5주에 걸쳐 진행한다. 🎉첫 번째 프로젝트: 와이엠 에스닷코의 스팩폴리오 => 취준생들이 자신의 포트폴리오를 자유롭게 올리고 유저 혹은 멘토와 피드백을 주고 받을 수 있는 서비스 🎆주목할 만한 점은 디자이너 10명과 개발자 4명이 협업한다는 점이다.. (과연 앞으로 어떤 일들일 일어날지...?) 🎈KPT 란? Keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try Problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 실행 가능한 것 🎞1주..

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 8일차 과제

Dio 패키지 기존 http 패키지보다 더 많은 기능을 담고 있다. 특히, 요청대상에 대한 설정과 연결에 관한 정보를 미리 설정할 수 있다. 요청 전이나 응답이 오고나서 데이터를 점검하거나 1차적으로 가공할 수 있다. 파일(이미지), 다중파일 같은 FormData를 사용해야할 때 손쉽게 구현할 수 있다. Future 데이터 타입 미래(Future)를 달리는 데이터타입. Future 는 "알"이다. Future 의 T는 알을까면 나오는 데이터타입을 말한다. await Future : Future가 끝날 때까지 기다리겠다. Future.then: 일단 실행시켜놓고, 끝나면 처리하는 방법을 만들겠다. async: 함수 본문 앞에 선언한다. 이 함수는 비동기 함수라고. 코드 내부에 await이 있을 시 반드시 ..