성공을 즐기자

요즘에는 챗GPT한테 물어보면된다. 취준시절 하나 찾으려면 구글링을 몇시간이고 했었는데요즘 얘들은 모르겠지.. 나도 라떼가 되어가나보다 ...  암튼 .ᐟ 챗지피티를 선생님 삼아 앱 아이콘도 변경했고 버튼을 누르면 다른 화면으로 넘어가는 것도 할수있었다.   확인해보자    두둥....ᐟ 덕구이미지로 이름은 두루미로 만들었다. 어케했냐고 ?   info.plist -> key, value를 입력하면 앱 이름이 변한다. Bundle display name 두루미   그리고 이미지는요 Assests.xcassets에 AppIcon에 1024*1024 로 넣어주면됩니다 .ᐟ   근데 1024*1024 사이즈로 어케 바꾸냐구요 ?걱정마세요 GPT가 다 해줍니다 ㅎ   화면 2개가 보이죠? 이렇게 화면 하나하나..

회사에서 iOS개발 교육을 시켜줬다... UIKit - swift  원래 앱을 직접 만들어보고 싶어서 iOS 를 공부해보려다가도 xcode라는 무서워보이는 툴에 막혀 안하고 있었다(변명..)  근데 회사에서 .ᐟ 공짜로 .ᐟ 120만원짜리 교육을 시켜준다는데 들어야죠.. 땡큐.. 아리가또...   근데 어렵고 툴도 처음이고 swift 문법도 난해해서 잘 못따라갔다.. 그래도 5일동안을 계속 xcode만 만지고있으니까 반복학습에 의해서 xcode가 아주 약간 익숙해졌다.   약간 익숙해진 xcode를 바탕으로 집에서 다시 맥북을 열어보았다. 이대로 이 기억을 잊어버리면 아까울것같았다.   그래서 앱을 만들어봤다. 내 휴대폰에 연결해서 할수도 있고 시뮬레이터에서 할수도있다. (무료 계정은 휴대폰 빌드가 7일..

오늘은 UI 만들기 마지막편입니다.  먼저 List.jsx를 만들어줍니다. 하단에 있는 Todo...들이 보이죠 ? 여기를 만들거에요    import "./List.css";import TodoItem from "./TodoItem";const List = () =>{ return Todo List🍀 }export default List; TodoItem은 따로 컴포넌트로 빼줍니다.     import './TodoItem.css';const TodoItem = () =>{ return ( Todo... Date ..

안녕하세요  지난 시간에 이어서 투두리스트를 만들어보겠습니다.       1. Header 파란 글씨 만들기  오늘 날짜를 위 사진처럼 파란색으로 만들어볼게요  오늘 날짜를 h1태그로 나타내줍니다. {new Date().toDateString()} import "./Header.css"const Header = () =>{ return 오늘은 🔥 {new Date().toDateString() } }export default Header; 그러면 파란 글씨를 적용할 부분은 className이 Header인 태그 안에h1 태그 입니다.   그러면 Header.css에는 어떻게 적으면 될까요?  className이 Header 이고 그 아래에 h1 태그이다. .Head..

안녕하세요 리액트로 투두리스트를 만들어봅시다.    만들어볼 TodoList는 다음과 같습니다! 이 글은 한입크기 리액트 인프런 강의를 기반으로 합니다.    1. 요소 간격 Gap (css) 주기  우선 Header, Editor, List 이렇게 3개의 컴포넌트를 만들어줍니다.  자 이렇게 3개의 컴포넌트를 App.jsx에서 호출해줍니다.그리고 이것들을 묶는 div 태그가 있죠 ?여기에 CSS를 적용해줄거에요  왜냐하면 각 요소별로 간격을 주고 싶기때문이죠  className은 Css 파일에서 . (점) 으로 제어할수있어요 .App.css에 들어가서 className이 App인 요소들의 css를 수정하여봅시다.   display : flex는 유연하게 요소의 배치 조절을 가능하게 합니다. flex-d..

UI를 잘 만들었다! >    현재 카운트 부분 : Viewer.jsx 버튼 부분 : Controller.jsx 자! 이제 기능을 만들어보자  하고 싶은 게 뭔지는 화면만 봐도 아시죠?  아래 숫자가 적힌 버튼을 클릭하면 그에 맞게 위에 있는 현재 카운트  숫자가 변하는 것입니다.   그러면 숫자가 바로 바로 변해야하니까는 ... state로 만들어야할것같아요. 왜냐하면 바로 렌더링을 해주니까요  그러면 어디에 state로 변수를 만들어야할까요??  저도 처음에는 카운트가 적혀있는 숫자 컴포넌트인 Viewer라고 생각했는데요.정답은 바로 !!!!  App.jsx ( 부모 jsx) 입니다.  왜냐하면 컴포넌트 간에 데이터를 전달하는 방법은 아시죠?? 바로 props 인데여  props는 부모, 자식 컴포넌..

이전 글에서 이어서 시작합니다...!  vite를 이용한 프로젝트 만들기를 진행했었습니다. 그래서 local 띄우는것까지 완료!  이제 counter 프로그램을 만들기 위한 컴포넌트들을 만들어 볼까용? 1. 컴포넌트 폴더를 src 폴더 밑에 만들어주세요 그리구 이름은 Viewer.jsx 입니다.  사진에는 없지만 Counter.jsx 도 만들어줍니다.    아차...차 컴포넌트 첫번째 글자는 대문자로 해야하는거 아시져 ?  2. 간단하게 viewer  만들기   이렇게 하고 App.jsx 에서 로 넣어주면 ~  4.  Viewer 컴포넌트 확인 확인이 잘 되시죠?  5.  APP에서 Viewer, Controller 컴포넌트 호출 ! css 적용 하나 없이 그냥 쌩 button, h1 을 이용해서 만들..

1. 프로젝트를 만들어줍니다. 2.  생성 설정  프레임워크는 리액트, 그리고 자바스크립트를 선택해줍니다.  이렇게 쉽게 끝났습니다. ㅎ.ㅎ 콘솔창에서 알려준대로 잘 따라 작성해줍니다.~    3. 리액트 앱 띄우기  무난히 성공~ 쉽다!   들어가보면 이렇게 뜹니다!

이번 블프에 25% 할인 쿠폰을 주길래... 덥썩 구매했다.    정가 48,400원에 할인받아서 36,300 원!!  원래 신입은 자기계발에 돈 아끼는거 아니랬다.. 열심히 공부해서 실력 키워보자 !    react, nextjs 공부하려고 합니다. 지금 회사에서 대부분 js를 다루다보니 프론트쪽이 더 흥미가 감

localhost:3000 에서 제 사이트가 잘 보이죠 ?    그런데 이 사이트를 다른 사람도 볼수있도록 만들고 싶다면 ? 어떻게 해야할까요 ? 바로 포트포워딩입니다!    cmd -> ipconfig를 입력해줍니다.    그러면 이렇게 IPv4 주소 , 기본 게이트웨이 의 주소들이 보입니다.  여기서 Ipv4주소의 ip를 3000 포트번호에 연결해서 들어가보면 ?  잘나오는 것을 확인할수있답니다~  그런데 이 ip로 접속하는 것은 제 와이파이와 같은 접속일 때만 유효합니다.  그렇다면 어떻게 해야할까요?      아까 주소에서 마지막 숫자를 1로 변경해줍니다.  그러면 이렇게 와이파이 사이트로 들어갑니다.   저는 iptime 공유기를 사용하고 있어서 이렇게 뜹니다! 로그인을 잘 해주시면 이런 화면이..