FrontEnd :-)

React Navtive 스터디 3week 도서: [리액트 네이티브를 다루는 기술 / 김민준 / 길벗] (2장 컴포넌트) => 리액트를 다뤄봐서 어렵지 않았음 component = 구성 요소, 유저 인터페이스를 구성하는 요소 1.3장 새 리액트 네이티브 프로젝트 만들기 npx react-native init LearnReactNative 2장 컴포넌트 SafeAreaView : iPhone X 이상 기종에서 디스플레이의 보이지 않는 영역 및 최하단 영역에 내용이 보여지는 것을 방지. View : 가장 기본적인 컴포넌트로 레이아웃 및 스타일 담당. Text : 텍스트를 보여주는 역할 2.1 나만의 컴포넌트 만들기 const Greeting = () => { … } function Greeting() { …..

[질문] 자바스크립트로 모달창 코드 구현해줘 [답변] 모달창은 웹 개발에서 자주 사용되는 팝업 창 중 하나입니다. 자바스크립트를 사용하여 모달창을 만드는 방법을 설명해 드리겠습니다. 먼저, HTML 파일에서 모달창을 표시할 버튼을 만듭니다. 예를 들어, 다음과 같은 버튼을 만들어 보겠습니다. 모달 열기 그리고 모달창의 HTML 코드를 작성합니다. 다음은 기본적인 모달창의 HTML 코드입니다. × 모달창 내용을 입력하세요. 이제, 자바스크립트 코드를 작성해보겠습니다. 우선, 모달창을 나타내는 HTML 요소와 버튼을 선택하고, 버튼에 클릭 이벤트를 추가합니다. var modal = document.getElementById("modal"); var modalBtn = document.getElementByI..

코드리뷰,개선 실습 ... "chatGPT 모두 믿지는 마세요" 나도코딩 2022-12-13 ChatGPT, 개발의 새로운 장을 여네요 (무료일 때 꼭 경험해보세요) https://youtu.be/VbqbnO8n48w Adrian Twarog 2022-12-12 ChatGPT Tutorial - A Crash Course on Chat GPT for Beginners https://youtu.be/JTxsNm9IdYU 자유시장 2023-01-05 ChatGPT, 조던 피터슨의 충격적인 경고 https://youtu.be/ya-fUBldJio "Q. Can you write a chat between two people at the supermarket?" "Q. Can we have a small tal..

ChatGPT? - 마이크로소프트가 투자한 OpenAI가 개발한 인공지능 챗봇. 대규모 언어 모델 ‘GPT-3.5’ 기술 기반. - Generative Pre-trained Transformer(GPT)와 Chat의 합성어. - 2022년 11월 30일 공개. - 훈련에 사용된 데이터는 2021년까지로 제한됨. OpenAI? - ▲인공지능 언어모델 ‘지피티-3’(GPT-3) ▲그림을 그리는 인공지능 ‘달리2’(DALL-E2) ▲다국어 음성인식 인공지능 ‘위스퍼(Whisper)’ 등을 선보인 인공지능 연구 재단. - OpenAI의 버전 출시 년도 : ▲2018년 GPT-1 ▲2019년 GPT-2 ▲2020년 GPT-3 (위키백과 설명 https://ko.wikipedia.org/wiki/ChatGPT↓) ..

1. https://news.hada.io/topic?id=8413 DeepL - 사람처럼 들리는 AI 번역, 한국어 지원 | GeekNews 1월 31일, 기존 번역기에 대비해 더 사람처럼 들리고, 정확히 문맥을 파악해주는 DeepL 번역기가 한국어를 지원하기 시작했습니다.제조사의 주장으론 독일 영어에서는 경쟁사 구글, 아마존, Bing news.hada.io DeepL이 한국어도 번역을 지원합니다. 구글이나 파파고 보다 훨씬 자연스러운 문장을 만들어 낸다고 합니다. 댓글중에 "안녕2022,안녕2023"을 "GoodBye2022,Hello2023" 으로 번역해주는 것은 DeepL이 유일하다고 하네요. 크롬 플러그인과 네이티브 앱을 지원하고. Windows/MacOS에서 네이티브 앱을 깔면 Ctrl+C ..

[publishing our apps] ——————4.0 Introduction—————— 오류 1. localhost:19002 접속 불가 강의에 로컬호스트 19002에 접속해서 publish하라고 하는데, 연결 오류가 뜬다. 이것저것 설정을 알아보다가… localhost:19002가 expo 개발자 툴이었는데 지원이 끝났다고 한다. https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206 오류 2. ‘expo publish’ is not working. 터미널에서 expo publish 명령어를 입력하면 배포된다는 댓글이 있었는데, zsh: command not found: expo 라고 나온다. npx expo publish 라고 ..

[참고] 1. mac OS에서 node 이전 버전으로 다운그레이드 https://mesonia.tistory.com/151 2. brew install npm 시 설치는 되었으나 link가되지 않을때 https://giantdwarf.tistory.com/21 1. 현재 노드 버전 보기 $ node -v 2. 사용 가능한 노드 버전 확인 $ brew search node 3. 현재 버전과의 연결 해제 $ brew unlink node 4. Node 16버전 설치 예시 $ brew install node@16 5. 설치된 버전을 연결 $ brew link node@16 완료. Error 설치는 됐는데 link 연결이 안 됐다. % node -v zsh: command not found: node 필요에 따..

[work-travel(todo) app 만들기] ——————3.0 Introduction—————— expo init WorkHardTravelHardApp 지우고 폴더 옮겨서 다시 설치했다. yarn start (yarn이 설치되어 있었는지 yarn으로 하라네,..?) git repository 연결까지 완료 ——————3.1 Touchables—————— TouchableOpacity =>애니매이션 효과, 누르면 투명해지는, 투명도 설정 가능. Work TouchableHighlight => TouchableOpacity를 더 많이 쓴다!? console.log("pressed")} > Travel TouchableWithoutFeedback => UI 변화는 없다. 유저에게 이벤트를 보여주고 싶지..