NICE SUGI

말보다 행동, 해보면 이해가 쉽다 ! (이 블로그는 작성자의 의견일 뿐, 정답이 아닐 수 도 있습니당...) 프로젝트 기획에 있어서 중요한 3가지 ! ERD + Figma + 기능명세서 Figma는 전의 포스팅을 했듯이 브라우저에 어떻게 띄울 것인가 ERD는 DB 구성을 어떻게 했고, 어떤 시스템으로 진행되는가 기능명세서는 각각의 (아이디, 패스워드, 프로필사진, 좋아요 수 등) DB가 어떤 기능을 하는가 실무에서는 위의 3 가지가 기본적으로 있어야 한다고 한다. Figma에 대해서는 앞의 포스팅에 기재를 했었고, 어제(4일)는 ERD 진행 구조에 대한 간단한 내용과 ERD Cloud 사용법을 배웠다. 진행 구조는 사실상 무슨 말인지 알 것 같으면서도 모르겠던데, 막상 ERD Cloud 를 그려보니 알겠..

백엔드 기술을 들어가기 전에 먼저 메인화면 UI 수정과 함께 [ 회원가입 + 로그인 + 마이페이지 + 모달 + 드롭다운 + (개인정보설정?) ] 화면을 팀원들과 나눠 만들게 됐다. 그 중에 나는 회원가입 화면을 맡았고, 프로젝트가 아예 똑같을 필요는 없다하여 색상을 좀 바꿔봄 MOCK UP대로 만들며 발견한 오타와 실수들을 반영해 만들어 봄 지금 보면 수직정렬이 안되어 있는데, align-contents, justify-contents, position(static, fixed, sticky, center, relative) flex-direction, grid, cloumn? 진짜 많은 코드를 도전해봤는데 막상 포스팅하려니까 기억이 다 안남......... 이제 곧 일출시간이겠다 자고 일어나서 다시 도..

이제 자야지 .. 💤 매일 10개씩 풀려고 했으나 무리인 듯하여 시간 날때마다 분야별로 풀어야야 겠당.

Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com https://www.figma.com/ 어쩌다보니 내가 만들게된 목업. 피그마를 이용하니 만들기가 진짜 쉬웠고, 링크를 공유해 팀원들과 함께 작성할 수 있어서 더 좋았음 ! 다소 중복적인 기능들을 사용해서 기존의 메인 로그인-회원가입-로그인 화면을 줄였고, 기능들이 포함된 새로운 모달창들도 같은 이유로 목업에는 넣지 않았다. 현재 메인 피드 화면은 만들어진 UI를 사용하기 때문에, db구축으로 값에 대한 전반적인 코..

기술 선택은 웹 프로그래밍 A-Z 기초에서 배운 내용(HTML, JavaScript, Ajax, Python, Flask, MongoDB...) 내에서 ! DB 연동하는 기능은 기본 CRUD를 모두 포함해야함. ⏰ 프로젝트 타임라인(05/03 ~ 05/11) 05/03 (화) 저녁 6시까지 : S.A(Starting Assignment) 제출 05/03 (화) ~ 05/04 (수) : S.A 제출 순대로 팀 별 피드백 05/11 (수) 오후 1시까지 : 프로젝트 마무리 및 GIT & 시연 영상 녹화본 제출 05/11 (수) 오후 1~4시 : 1차 피드백 발표회 05/11 (수) 오후 4~7시 : 팀 별 회고 (방법 및 회고록 제출 별도 공지) 필수 포함 사항 HTML, JavaScript, Ajax, P..

... 거북이반 수강 중 오늘이 제일 이해가 잘 되지만 아니었던 수업이었음. 다음 시간에도 Class를 이어서 알려주신다 했다. 완벽한 이해가 아니라고 생각하기에.. 다음에 내용을 정리해보겠다. 우선 이해한 내용으로는 객체 = 클래스 상태 = 속성 행동 = 메소드 Class에는 속성과 메소드(실행) 역할이 있다. 속성은 def 로 정함 처음에는 __init__ 을 사용해줘야함 메소드은 실행을 해야하니 ( ) 을 쓰고 return을 해서 결과를 내보냄 클래스를 실행시 무조건 대문자 활용을 해줘야함 print(1) # print([1,2,3,4]) # print((1,2)) # print(({1:"hi", 2:"bye"})) # - 클래스 구분- class Sample: pass x = Sample() pr..

-Html 더보기 피카츄 피카츄 피카츄 피카츄 피카츄 피카츄 피카츄 피카츄 피카츄

저의 노력입니당. 최선을 다했어요. KEEP(유지하고 싶은 부분) 바닐라 코드 팀 프로젝트보다 좀 더 서치능력이 생김 안 풀리는 부분에 대한 집착 : 클론코딩 1px이라도 똑같이 만들고 싶었던 노력 클론 코딩에 대한 이해도와 흐름 파악 Git 사용 PROBLEM(문제점 및 해결방안) - 전체적 로직 이해 부족 홈페이지 규격 최적화 (인스타 홈페이지는 좌우 조절시 좌우만 줄어드는데, 세로도 같이 줄어들음) 슬라이스 적용 후 레이아웃이 망가짐 (픽스됐던 부분 포함) class, id 정리 정렬 : 슬라이스와 픽스 + 반응형 웹 float / fixed / sticky / flex / position / display / 아이콘을 사용하면 깨지거나 사이즈 조절이 안됨 인스타그램 svg를 가져옴 + svg 태그..

동그라미 | 이름 | 모달 사이의 간격을 정하다가 끝에 있는 모달이 칸 밖으로 나가는 이슈가 발생해 찾게 됨! flex-basis : 기본 너비 ( 공간 배분 전 !! ) flex-grow : 증가 너비 1:2 / 1:4:3 / 5:3 등 비율을 계산해서 각자 적용해보면 됨 flex-grow 콘솔 확인해보기

구현한 기능들 ! - Html - 객체 정렬 - 반응형 웹 - CSS 레이아웃 - 화면이 줄어들면 검색창이 사라지는 효과 - 상단바 고정 - 메인의 사이드바 고정