전체 글 (80) 썸네일형 리스트형 [WIL] 15주차 25.01.06(월) ~ 25.01.10(금) [WIL] FACTS (사실, 객관)코딩 과제는 고민 끝에 포기하고(...) 디자인 집중반 과제에 집중했던 한 주였다. FEELINGS (느낌, 주관)코딩 강의를 이해를 하지는 못했지만 나름 열심히 완강했기 때문에 과제를 포기하는 것이 아쉬운 마음이 들었다.하지만 UI 디자인 집중반 과제가 빡세기 때문에 하나라도 잘 해보자 하는 마음에 디자인 집중반 과제에 집중해보기로 했다! (선택과 집중..?) FINDINGS (배운 것)디자인 집중반 시간에 튜터님께 피드백을 받고, 다른 분들이 한 작업물도 보며 많은 것을 배울 수 있었다.폰트 크기, 색상, 곡률 등등 세부적인 사항까지 튜터님께서 꼼꼼하게 체크해주셔서 너무 감사했다.배운걸 잊지 않고 앞으로도 잘 활용할 수 있도록 노력해야겠다. FUTURE (미래.. [TIL] 25.01.09(목) 오늘 진행한 것 오늘은 UI 집중반 과제에 시간을 많이 할애했다.어제 튜터님께 피드백 받은 내용을 바탕으로 디자인 수정 작업을 진행했다.일관성있고 톤앤매너가 맞는 디자인으로 각 페이지를 수정하려니 생각보다 고려해야할 사항이 많아 시간이 오래 걸렸다.수정 작업을 진행하면서 디자인이 정말 마음에 들지 않아 수십번 수정을 반복했고, 그 과정에서 조금은 지치기도 했다..하지만 그만큼 욕심이 나기 때문에 계속 나름대로 열심히 작업을 이어나가고 있고..!꼭 좋은 결과물을 만들어내길 바라고 있다..내일도 화이팅 해야지..!ㅠㅠ [TIL] 25.01.08(수) 오늘 진행한 일- UI 디자인 집중반 과제어제 디자인 집중반 과제를 받고 나서 빨리 피드백 받을수록 빨리 진행할 수 있는 이점이 있다고 하셔서 코딩은 잠시 내려놓고(...) 디자인 집중반 과제를 진행했다.티켓 취소 프로세스 화면을 그려야 하는데, 뭔가 카드형 ui를 가지고 계속 그리려다 보니 색감이 없는 마이페이지 화면이..백설기..?지우개 똥..? 같은 느낌이 나서...고민이다 ㅠㅠ 화면 전체에 이벤트 배너 제외하고는 거의 색감이 없는데, 그레이 배경에 그림자 효과가 있는 카드들만 둥둥 떠다니다 보니 더 그렇게 느껴지는 것 같기도하고..어떻게 수정해야 이런 느낌이 사라질지 고민을 많이 해봐야겠다.. [TIL] 25.01.07(화) 오늘 진행한 일- JavaScript 문법 종합반 1, 2주차 복습오전에 미니 과제 발제를 들었다. 발제를 들어보니 과제 제출이 필수가 아니기 때문에 우선 강의를 다시 복습해보기로 했다.미니 과제 제출 기한은 금요일 오전..만약 강의 복습을 빠르게 끝내면 도전해보고 싶기도 하다.자바스크립트 입문 강의까지는 알아듣겠는데, 문제는 리액트 강의... 복습해보면 좀 괜찮아질까?할 수 있는데 까지 열심히 복습해봐야겠다. - UI 디자인 집중반 참여(강튜터님의 새로운 세션 시작!)모바일퍼스트 vs 웹퍼스트의 이해목표: 모바일퍼스트와 웹퍼스트 디자인 접근 방식의 차이를 명확히 이해하고, 각 방식의 장단점 분석실습 과제 발제: [모바일→웹], [웹→모바일] 에 대한 레퍼런스 수집 및 구조 분석 지금까지 캠프에서는 모바.. [TIL] 25.01.06(월) React 숙련 1주차 1-1Styled-components 1import "./App.css";import styled from "styled-components";const StBox = styled.div` width: 100px; height: 100px; border: 1px solid red; margin: 20px;`;const StP = styled.p` color: blue;`function App() { return ( 스타일이 적용된 p태그 );}export default App;import "./App.css";import styled from "styled-components";const StBox = styled.div` .. [WIL] 14주차 24.12.30(월) ~ 25.01.03(금) [WIL] FACTS (사실, 객관)이번 주에는 리액트 코딩 강의를 수강했다. 지난주 강의에 비해 함수가 추가되면서 난이도가 한층 더 높아졌다. 한 번에 이해하기는 어려웠지만, 강사님께서 처음에는 전체적으로 훑어보는 것이 중요하다고 말씀해주셔서, 완벽히 이해하려 하기보다는 흐름을 익히는 데 집중하며 강의를 들었다. 아직은 어렵게 느껴지지만, 복습을 통해 이해할 수 있을 것이라 믿으며 꾸준히 공부하려고 한다.또한, UI 집중반의 본격적인 과제가 시작되었다. 이번 과제는 여행 앱의 메인 화면과 상세 페이지를 제작하는 것이었는데, 여러 앱을 비교 분석하는 데 예상보다 많은 시간이 소요되었다. 결국 주말과 1월 1일까지 작업을 진행해야 했다. 과제를 진행하며 그동안 배운 내용을 되짚어 볼 수 있었고, 좋은 디자.. [TIL] 25.01.02(목) React 입문 2주차 2-8State - 1 useState (+ on Click)import { useState } from "react";const App = () => { const [name, setName] = useState("르순이"); const handleNameChange = () => { setName("최르순이"); }; return ( React State 최르순이로!!! {name} ); }; export default App; input 태그는 항상 state(value)와 onChange 부분을 쌍으로 엮어야 한다 (value를 엮었을 때: 제어 컴포넌트 / 안 엮었을 때: 비제어 컴포넌트) > 엮지 않아도 동작은.. [TIL] 24.12.31(화) React 입문 2주차 2-1React 소개 React(라이브러리) 와 프레임워크의 차이React.js = UI Library프레임워크: 개발자가 기능 구현에만 집중할 수 있도록 필요한 모든 프로그래밍적 재원을 지원하는 '기술의 조합'(Spring Framework / Vue.js / Angular.js / Django / Flask / Python 등)라이브러리: 공통 기능의 모듈화가 이루어진 프로그램의 집합(React.js / react-router-dom / redux 등)제어의 역전(IoC: Inversion Of Control): 본래 개발 시 '제어'를 하는 것은 개발자의 역할 > 프레임워크를 사용하는 경우 시키는대로 코드를 짜게 되면 프레임워크가 알아서 제어의 흐름을 가져가는 것 Reac.. 이전 1 2 3 4 ··· 10 다음
