분류 전체보기 (34) 썸네일형 리스트형 [React] 로그인 페이지 스타일링 📌로그인 페이지 디자인 및 스타일링안녕하세요, 대학생 개발자 주이어입니다!오늘은 제가 진행 중인 프로젝트에서 로그인 페이지를 구현해보려고 합니다.간단하게 디자인과 스타일링을 해주고 로그인 로직을 구현해보겠습니다.✅프로젝트 목표시작 페이지 제작로그인 페이지 제작 및 스타일링테스트 데이터 추가 및 로직 구현ℹ️기술 스택프론트엔드 : Html, Css백엔드 : Node.js프레임워크 : React.js빌드도구 : Vite1. Start 페이지 제작개발을 시작하기 전 index.css와 App.css 코드를 모두 지워준 후 시작하였다.먼저 갤탭으로 간단하게 레이아웃을 잡아주었다. 원래는 Figma를 사용하여 UI/UX를 멋지게 하고 싶었지만 Figma 툴 숙련도 이슈도 있고 간단하게 실습하는데 너무 과한 느낌.. [웹 프로젝트] Stock_Plus 주식 관련 프로젝트 (프로젝트 일지, 추천) 🚩시작하기 전..안녕하세요! 대학생 개발자 주이어입니다. 이번에는 저번 웹 프로젝트 글에서 말했듯이 여러가지 프로젝트 아이디어가 떠올라 만들게 된 프로젝트 입니다. 저번 프로젝트를 진행하면서 깨달은 점을 활용하여 이번 프로젝트를 진행하다 보니 확실히 코드도 더 깔끔하고 조금 더 쉽게 제작했던 것 같습니다. 이번에 주식 관련 프로젝트를 진행하게 된 이유는 제가 요즘 주식 투자를 시작하면서 관심이 많이 생겼기 때문입니다. 만들게 된 자세한 목적은 밑에 프로젝트 정보에서 소개드리겠습니다. -이전 프로젝트 보러가기-[웹 프로젝트] 자기소개 및 포트폴리오 사이트 만들기 (프로젝트 추천) [웹 프로젝트] 자기소개 및 포트폴리오 사이트 만들기 (프로젝트 추천)🚩시작하기 전.. 안녕하세요! 주이어입니다! 대학생이.. [웹 프로젝트] 자기소개 및 포트폴리오 사이트 만들기 (프로젝트 추천) 🚩시작하기 전.. 안녕하세요! 주이어입니다! 대학생이 되고 나서 이리저리 적응하다 보니 정말 오랜만에 글을 올리는 것 같습니다. 대학생이 되고 나서 왜인지 모르겠지만 코딩을 더 열심히 하게 되는 것 같습니다...ㅋㅋ 많은 것을 새로 배웠지만 블로그에 다 적으려니 너무 오래 걸릴 것 같아 최근에 진행한 웹 프로젝트 부터 올리기로 정했습니다. 최근에는 웹 개발에 정말 많이 빠져있는데 중학생 때부터 하다 말고 하다 말고 반복하다가 이번에 제대로 배우게 돼서 그런거 같습니다. 하면 할수록 만들고 싶은 것도 많고 원하는 대로 디자인이 구현될 때는 정말 성취감이 많이 느껴집니다. 아직 웹 개발은 뉴비라.. 코드가 깔끔하진 않지만 그래도 원하는 것을 구현하기 위해 찾아보면서 결국 만들어낸 다는 것에 의의를 두고 개.. [백트래킹 알고리즘] #2 백준 N과 M (2) (파이썬,15650번) 문제 링크15650번: N과 M (2) (acmicpc.net) 알고리즘 설명[알고리즘 공부] #2 백트래킹(BackTracking) 알고리즘 with Python [알고리즘 공부] #2 백트래킹(BackTracking) 알고리즘 with Python백트래킹 알고리즘(BackTracking)어떤 알고리즘일까?백트래킹 알고리즘은 비선형으로 구성된 자료 구조를 깊이 우선으로 탐색할 때, 더 이상 탐색할 수 없는 상황에서 이전 단계로 돌아가는 알고juyear-coding.tistory.com 문제 설명이번 백트래킹 알고리즘 문제는 저번 알고리즘 문제와 거의 비슷하다.N과 M을 입력받은 후, 1부터 N까지 M개의 숫자로 이루어진 조합을 찾으면 되는 문제이다.저번과 다른점이 있다면, 저번에는 (1, 2) (2, .. [백트래킹 알고리즘] #1 백준 N과 M (1) (파이썬,15649번) 문제 링크15649번: N과 M (1) (acmicpc.net) 알고리즘 설명2024.06.02 - [[알고리즘]/[알고리즘 공부]] - [알고리즘 공부] #2 백트래킹(BackTracking) 알고리즘 with Python [알고리즘 공부] #2 백트래킹(BackTracking) 알고리즘 with Python백트래킹 알고리즘(BackTracking)어떤 알고리즘일까?백트래킹 알고리즘은 비선형으로 구성된 자료 구조를 깊이 우선으로 탐색할 때, 더 이상 탐색할 수 없는 상황에서 이전 단계로 돌아가는 알고juyear-coding.tistory.com 문제 설명먼저 백트래킹 알고리즘은 기본적으로 탐색할 수 없을 때 까지 탐색한 후, 더 이상 탐색하지 못 할 경우 이전 단계로 돌아가는 알고리즘을 말한다.따라서 .. [완전탐색 알고리즘] #3 백준 날짜 계산 (파이썬,1476번) 문제 링크1476번: 날짜 계산 (acmicpc.net) 알고리즘 설명[알고리즘 공부] #1 완전 탐색, 브루트포스(Brute Force) 알고리즘 with Python [알고리즘 공부] #1 완전 탐색, 브루트포스(Brute Force) 알고리즘 with Python완전 탐색 알고리즘(Brute Force)어떤 알고리즘일까?완전 탐색 알고리즘은 조건문이나 반복문을 통해 가능한 모든 경우의 수를 탐색하여 원하는 값을 구하는 알고리즘을 말한다. 알고리즘 설계의juyear-coding.tistory.com 문제 설명문제에 주어지는 조건에 따라 E,S,M을 입력받고, 반복문을 사용하여 E,S,M이 나오기 위해서는 몇년이 지나야하는지 확인하여 문제를 해결했다.123456789101112131415161718E,.. [완전탐색 알고리즘] #2 백준 사탕 게임 (파이썬,3085번) 문제 링크3085번: 사탕 게임 (acmicpc.net) 알고리즘 설명[알고리즘 공부] #1 완전 탐색, 브루트포스(Brute Force) 알고리즘 with Python [알고리즘 공부] #1 완전 탐색, 브루트포스(Brute Force) 알고리즘 with Python완전 탐색 알고리즘(Brute Force)어떤 알고리즘일까?완전 탐색 알고리즘은 조건문이나 반복문을 통해 가능한 모든 경우의 수를 탐색하여 원하는 값을 구하는 알고리즘을 말한다. 알고리즘 설계의juyear-coding.tistory.com 문제 설명이 문제는 완전 탐색 알고리즘을 활용하여 풀 수 있다. 먼저 N x N 크기의 사탕이 주어지고, 사탕의 색이 다른 인접한 두 사탕의 위치를 바꾼다.그 후 같은 색으로 이루어져 있는 가장 긴 연속 .. [알고리즘 공부] #5 큐 알고리즘(Queue) 알고리즘 with Python 큐 알고리즘(Queue)어떤 알고리즘일까?큐 알고리즘은 자료구조 알고리즘으로 먼저 들어간 값이 먼저 나온다고 해서 First In First Out 즉 FIFO또는 나중에 들어간 값이 나중에 나온다고 해서 Last In Last Out 즉 LILO 구조를 가지고 있다고 말한다. 큐 알고리즘은 위에 사진으로 이해하는 것이 쉽다. 사진을 보면 알 수 있듯이 젤 먼저 1이 들어오고 그 다음으로 3과 21이 들어온다. 그리고 나서 값이 나오는 걸 볼 수 있는데 가장 먼저 들어온 1이 나오고 그 다음으로 3이 나오고 마지막으로 21이 나오는 것을 알 수 있다. 이런식으로 큐는 아까 말한 FIFO(LILO) 구조를 가지고 있다. 장점과 단점장점큐는 데이터가 입력된 순서대로 처리되므로, 순서가 중요한 작업에서 유용한.. 이전 1 2 3 4 5 다음
