Codestates8 [project] 멘토님과 방향성 설정 멘토님과의 만남 pre-project에서는 없었던 멘토, 멘티 시스템이 운영이 된다. 기능적으로 어려움 또는 궁금한 점이 있으면 멘토님에게 여쭤보고 개선할 부분을 찾거나, 도움을 구하는 그런 시스템이라고 생각을 하고 있었다. 현재 main-project의 계획 정하며 문서를 만드는 과정 중에 있다. 어떤 것을 만들지 기획을 하고 기능을 설계하고 또 그 프로젝트 진행과정을 어떻게 이어 나갈지 정하는 도중에 여러가지 궁금증들이 있었고, 팀원들과 회의를 한 후에 멘토님을 만나게 되었다. 멘토님의 이야기를 짧게 정리하자면, '프로젝트의 기능적인 완성이 아니라 그 과정을 통해 취업시장에서 이야기를 할 수 있는 내용들을 만들어라 ' 라는 이야기였다. 처음에 기능적인 이야기들만 생각하고 있던 나는 내가 무엇을 간과하.. 2022. 9. 13. [Project] pre-project 회고 pre-project를 하기 전 프로젝트를 시작하기 전에는 어느 정도의 설렘과, 지금까지 배웠던 기능들을 구현한다는 생각에 설렘을 가지고 있었다. 그리고 프론트엔드 동기들과 협업을 한다는 것도 설렘으로 다가왔다. 그리고 또 한편으로는 두려움도 있었다. 제대로 프로젝트를 수행하지 못한다면 어쩌지, 같이 팀원이 된 동기들과의 갈등이 있으면 어떡하지라는 막연한 두려움을 가지고 있었다. 또한 스스로 기술적으로도 부족한 부분이 많아, 공부가 필요한 걸 알았지만 그러한 시간적 여유가 없이 pre-project를 시작하게되었다. 팀원들과 만남 처음 팀원과 만남은 솔직히 어색했다. 그리고 경계 반, 설렘 반으로 팀원들을 대하고 있었다. 팀 안에서 팀장을 세우고 팀 규칙을 세운 후, 프로젝트를 진행하기 전 클론 프로젝트.. 2022. 9. 10. [Pair] 트위틀러 와이어 프레임 및 목업 구현 1.트위틀러 와이어 프레임 [네비게이터 : 페어, 드라이버 : 나] 페어의 말에 따라 방향성을 정하여 구현 트위틀러 input박스의 모양을 페어가 제시, 트윗리스트에 관한 그림은 내가 의견을 내고 진행 구현한 트위틀러 와이어 프레임 링크 https://ovenapp.io/project/qNlFmtx5gpPJC1uleHlndyNsri9I0Q1I#ekc3Z 2. 트위틀러 목업 구현 HTML과 CSS 구현 (코드스테이츠에서 제시한 모양까지 완성) HTML [네비게이터 : 페어, 드라이버 : 나] twittler Message Tweet! 🔄Check new Tweet! CSS [네비게이터 : 페어, 드라이버 : 나] -> 변경 [네비게이터 : 나, 드라이버 : 페어] #greeting { font-size: .. 2022. 5. 3. [TIL][Codestates-SEB-BE-39기] 22-04-28 4일차 1. [CSS] Flexbox https://h-hong.tistory.com/11?category=1060618 2. 와이어프레임과 목업 - 와이어프레임 웹, 앱을 개발할 시 뼈대를 그리는 과정 와이어프레임을 보고 어떤 목적으로 만든 프로그램인지 유추할 수 있다면 잘 만든 와이어프레임이라고 할 수 있다. - 목업 웹 앱을 제품이라고 할 때 작동하는 모습과 동일한 HTML, CSS를 작성하는 것 - 오븐으로 와이어프레임 구현 : 원티드 참고 사이트 https://www.wanted.co.kr/ 와이어 프레임 https://ovenapp.io/project/M7zhmy51lpXOsbweTcWnIDi9wCEUVPaA#cwXeE - [Pair]트위틀러 목업 연습 https://h-hong.tistory.com.. 2022. 5. 3. [Pair] 트위틀리 목업 구현_before(연습) 구현에 관한 사항 정리📃 1. input tweet html 구현 1) input div - id 설정 - 내부 태그 (div-input(text)-div-textarea-button) 생성 - 반드시 넣어야 하는 id, class 설정 2) reset tweet div - button 태그 2. input tweet CSS 구현 1) input div - background-color 색 구현 - padding 설정 - margin 설정 2) Username&Message - 글꼴 설정 - margin 설정 3) reset tweet div - 배경색 설정 - margin 설정 3. 트위터 글 CSS 구현 1) tweetlist - 배경색 설정 - padding 설정 2) li - display : f.. 2022. 4. 29. [TIL][Codestates-SEB-BE-39기] 22-04-27 3일차 1. HTML&CSS&JavaScript 한 줄 정리💡 HTML : 태그들의 집합으로 웹 페이지의 틀(구조)를 만드는 마크업 언어 CSS : 웹 페이지의 구조에 디자인을 구현 JavaScript : 기능에 대한 알고리즘을 작성 (기능 구현) 2. HTML 기초🏙 https://h-hong.tistory.com/6 3. CSS 기초🎨 https://h-hong.tistory.com/7?category=1060618 오늘의 후기💥 HTML과 CSS는 손이 참 많이 가는구나 코드스테이츠에서 제공하는 Selector문제가 꽤 어려웠다 (다시 한 번 풀어보자) 아직 정리하지 못한 CSS의 박스 모델, Selector 심화 정리해서 올리기 2022. 4. 29. 이전 1 2 다음
