매일 땡기는 마라 코딩

1. Intro2일차, 3일차에 걸쳐서 HTML을 학습했다.이후에는 CSS를 학습할 예정. 열심히 해서 플젝 기깔나게 만들어야지.... 근데 강의 들을 때 점심 안 먹고 오면 클날 듯.... 너무 배가 고프다. 2. HTML1) HTML의 정의HTML(Hypertext Markup Language)는 웹 페이지를 구성하는 기초적인 언어이다.뜻 풀이를 해 보자면, 다음과 같다.Hypertext: 링크, 다른 페이지로 이동할 수 있게 하는 것.Markup: 문서나 데이터의 구조를 명기하는 언어. 마크업이 있을 때와 없을 때의 차이는 꽤 크다. 기초 지식이 있을 경우에는 아래와 같은 내용을 읽을 때 문제가 없겠지만 없을 경우에는 읽기가 어렵기 때문에, 마크업을 추가하여 가독성을 높히는 것이 좋다. 2) HTM..

1. Intro 24.05.13.(월) 일자로'SeSAC 영등포캠퍼스 6기 입문자도 가능한 웹 개발자 부트캠프'과정에 입과하게 되었다!!   수업 듣기 전에 맘터 햄버거도 주셔서 허겁지겁 먹어치웠음 ㅎ...   부트캠프 과정 및 새싹에 대해 설명하는 OT를 진행 후, Git에 대한 수업을 듣게 되었다. Git 및 GitHub의 개념을 학습하고, Git 저장소를 생성하는 실습을 하는 과정에서 필요한 명령어를 학습하는 시간을 가졌다.      2. Git1) Git 이란?Git은 일종의 분산 버전 관리 시스템으로, 팀 단위 개발 시에 소스 코드를 관리하기 위해 사용하는 도구이다. 💡 GitHub와 같은 것 아닌가요?GitHub은 코드를 저장할 수 있는 외부 클라우드 공간이라고 볼 수 있다.Git ≠ Git..

1주차Keep프로젝트를 진행할 때 깃허브 위키 등을 적극적으로 활용하고, 프로젝트 룰을 철저히 작성하여 이후에 편하게 프로젝트를 진행할 수 있었다.Problem개발팀 팀원들이 대부분 리액트를 접해 보지 않아서 학습하는 데에 시간이 오래 걸렸다.Try프로젝트 이후에도 프로젝트에 사용되었던 코드에 대한 공부를 하는 것이 좋을 것 같다.2주차Keep실질적으로 개발을 진행한 주였는데, 다들 열정적으로 개발에 참여하여 좋았다.Problem개발 시간이 부족하여 너무 정신없이 개발이 진행되어 아쉬웠다.Try개발에 필요한 학습이 더 필요할 것 같다. 3주차 Keep디자이너 분들이 끝까지 적극적으로 참여하고 소통하려고 하는 것이 느껴져서 좋았다.Problem프로젝트의 기간이 너무 짧아 화면이 다 완성되지 않아 아쉬웠다...

NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co GitHub - nomadcoders/nextjs-fundamentals: Learning NextJS by Building a Tiny Movie Website. Learning NextJS by Building a Tiny Movie Website. Contribute to nomadcoders/nextjs-fundamentals development by creating an account on GitHub. github.com #2 PRACTICE PROJECT #2.1 Patterns children은 react.js가 사용하는 prop로, 하나의..

NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co #1 FRAMEWORK OVERVIEW #1.0 Libray vs Framework (프레임워크와 라이브러리의 차이) 프레임워크는 정해진 규칙이 있다. 따라서, 적절한 곳에 코드를 작성해야 한다. 프레임워크는 추상화(코드가 감춰져 있는 형태)가 되어 있다. 프레임워크는 코드를 작성하면 작성한 코드가 감춰진 코드를 부르는 형태이다 라이브러리는 코드를 작성할 때 도움을 준다. 사용하고 싶을 때 추가하여 사용할 수 있다. -> 리액트 앱은 index.tsx의 ReactDOM.render 코드를 작성해 앱을 랜더링하는데, next.js를 사용할 경우 page 폴더..

Keep redo, undo, reset과 같은 기본 기능 뿐만이 아니라, 확대/축소를 하여 그림을 그릴 수 있도록 한 기능. Problem textfiled를 추가하는 기능이 제대로 작동하지 않는 것. Try 완성도 있는 프로젝트를 위해 해당 기능은 주석 처리하여 최종 코드를 제출. 차후에 텍스트 필드 내에 작성한 내용 저장, 확대/축소를 한 상태에서 드래그를 할 경우 화면에서 튀어나가는 등의 오류를 수정한 후 해당 기능을 추가할 예정. 본 후기는 유데미-스나이퍼팩토리 9주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #유데미 #udemy #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #웹개발 #앱개발 #플러터 #flutter #개발 #안드로이드 #ios #단기캠프

요구사항 사전 지식 IconButton 사용법 ListView.builder 사용법 스크롤 위치 최상단 이동 방법 TextField의 값을 화면에 출력하는 방법 Icon 좌우반전하는 방법 TextField에 자음 모음 조합하여 출력하는 방법 Icon 컬러 조건에 따라 바꾸는 방법 코드 main.dart import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext c..

요구사항 음식을 누르면 주문 리스트에 담기는 키오스크앱을 만들어봅니다. 음식이미지는 자유이며, 필요한 경우 위에 첨부된 파일을 이용하여도 됩니다. 하단에 떠있는 버튼을 누르면 지금까지 주문된 주문 리스트를 초기화합니다. 하단에 떠있는 버튼은 정중앙의 하단, 넓게 펴진 형태로 [ 초기화하기 ] 텍스트를 포함합니다. 음식이 보여지는 것은 [갤러리] 형태로 보여지게 하며, 검색을 통해 해결합니다. 그 외 UI 디자인은 자유입니다. 사전 지식 코드 main.dart import 'package:assignment2/OptionCard.dart'; import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } final foodList..