반응형 분류 전체보기395 [Vue] 뷰에서 if else 쓰기 (v-if, v-else-if, v-else) 1. v-if 문법 조건식이 참일 때만 html 보여줌 닫기 2. v-else-if: 조건식을 연달아서 두개 세개 사용 v-else: v-if,v-else-if 에 적은 조건식이 참이 아닐 경우 실행 안녕하세요 안녕하세요2 안녕하세요2 2023. 3. 19. [Vue] 뷰에서 함수 사용 (method) 전체 증가 숫자들 증가 숫자 : {{숫자들[0]}} 총 누른 횟수 : {{숫자}} 1. 함수사용 v-on:click="함수이름" 또는 @click="함수이름" 2. 함수 선언 함수 선언은 methods 안에 해야됨 2023. 3. 19. [Vue] 뷰에서 for 문 쓰기 {{ a }} 2023. 3. 19. [Vue] 뷰.js 기본 틀 React 를 공부했을 때 제일 의아했던 부분이 라이브러리 치고 자유도가 생각보다 높다는 거였습니다. 근데 Vue 를 배울때는 역시 라이브러리구나 라는 생각이 들더라구요 (엄청난 제약들....🙄) + Visual Studio Code 에서 Vetur 설치 시 < 하고 tab 누르면 기본 틀을 만들어줍니다. 2023. 3. 19. [Vue] Visual Studio Code 에서 첫 환경설정 & 기본세팅 (window) vue 설치 (전역 cmd) /*둘 중 하나로 설치 (yarn 이 좀 더 안정적)*/ npm install -g @vue/cli yarn global add @vue/cli vue 프로젝트 설치 vue create 프로젝트명 VSC 부가기능 설치 Extension 이동 후 Vetur, Vue 3 snippets, HTML CSS Support 세개 설치 2023. 3. 18. [Java] List<Map<String, Object>> 을 List<Map<String, String>> 으로 형변환하기 //수치데이터 받아오고 List 원본 = ~~~ // 최종 결과값 담을 변수 생성 List 최종 new ArrayList(); //List ==> List for (int j = 0; j String 해서 넣어주기 temp.put("TRD_DT", 원본.get(j).get("IRR_TRD_DT").toString()); temp.put("AMT1", 원본.get(j).get("AMT1").toString()); temp.put("AMT2", 원본.get(j).get("AMT2").toString()); 최종.add(temp); } 2023. 2. 27. [React] 클릭이벤트 시 onClick 으로 구현 + 전역 function 으로 구현 시점 차이(프론트앤드 과제전형) 과제전형 문제였는데 클릭 이벤트 구현을 해야 했어요 1. 페이지 전체 클릭 시 count 처리 2. div 박스 클릭 시 count 처리 딱 봐도 쉬운 문제여서 호다닥 풀었거든요 근데 면접볼때 면접관님이 저한테 해당 풀이에 대해 질문을 하시는거에요 클릭이벤트 처리를 엄청 신기하게 하셨던데... 1. 페이지 전체 클릭할 때는 클릭하자마자 count 처리 2. div 박스 클릭할 때는 클릭하고 나서 count 처리를 했던데 의도하신건가요??? 아무생각없이 풀었는데 저렇게 질문이 날아와서 너므 당황했습니다. 그게 구현이 어떻게 되었냐면은 (소리키고 봐야됨) 클릭이 딸깍 이잖아여 근데 페이지 전체 클릭 시는 딸! 에서 count 가 올라가고 div 박스 클릭 시는 딸깍! 에서 count 가 올라가는거에여 문제풀.. 2023. 2. 18. [Android Studio] 프로젝트 첫 오픈 시 발생하는 오류 _ ^Error: Cannot find module 에러 Caused by: java.lang.Exception: node:internal/modules/cjs/loader:959 throw err; ^Error: Cannot find module Caused by: java.lang.Exception: node:internal/modules/cjs/loader:959 throw err; ^Error: Cannot find module 'C:\Users\경로~~~\ReactNative\node_modules\@react-native-community\cli\build\bin.js' at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15) at Function.Module._loa.. 2023. 2. 13. [Js] 매크로처럼 특정 시간에 원하는 버튼 누르기😃(자바스크립트 setInterval, new Date) 인공지능분야에서 일하고 있는 친구가 deview? 이거 듣고싶은데 경쟁이 너무 치열해서 신청을 못했대여 (+저두여..) https://deview.kr/2023 DEVIEW 2023 DEVIEW는 국내외 개발자들이 서로의 지식을 나누고, 탁월함을 추구하며, 함께 성장하는 컨퍼런스 입니다. deview.kr 3시에 딱 버튼을 눌러서 신청하면되는건데... 3시 되자마자 눌렀는데도 마감되어버렸대요 그래서 제가 친구를 위해서 3시가 되면 원하는 버튼을 누르는 코드를 만들었어요! 저한테는 쉬운데, 자스를 1도 안해본 친구한테는 개쩔어보였나봐여 이거는 회사에서 코드 호다닥 짜고 뿌듯해서 찍은거에요! 코드 전문이에여 // 누르고 싶은 버튼 let btn = document.querySelector('div.verti.. 2023. 2. 8. [React] 이미지 업로드 + 미리보기 구현하기 개인 프로젝트 하면서 이미지 업로드 할 일이 생겼는데 이미지 미리보기까지 구현해보고 싶어서요... 이미지 미리보기 구현 시 쌩 html 이랑 리액트랑은 조금 다른 방식으로 가야 합니당 리액트가 훨씬 쉬움 일단 이미지 하나 준비해주세여 짠 풀 코드는 깃헙에 있구여... https://github.com/minji0123/mm/blob/main/src/regPages/RegTest.js 사진업로드 하는 부분의 코드만... import { useState } from 'react'; export default () => { let [mainImg,setMainImg] = useState(""); const setPreviewImg = (event) => { var reader = new FileReader().. 2023. 2. 4. [개발자 일기] 이직을 꿈꾸던 비전공 개발자의 약 1년치 회고 3월😀 금융권 IT 솔루션 기업에 입사합니다. 기계쪽으로는 공부했던거에 비해 취직이 힘들었는데 it는 굉장히 쉬워서 현타가 옵니다. 이제 코딩으로 먹고살아야 하니까 열심히 해야겠다는 마음가짐을 하며 회사 코드를 분석합니다. 4월😧 금융권 회사 특 : 보수적인 코드와 기술 입사 전 공부했던 컴퓨터 관련 지식들과 실무의 갭이 커서 실망아닌 실망을 합니다. (나도 회사들어가면 도커, 리액트, 쿠버네틱스 이런거 있을 줄 알았는데….) 바로 이직 준비를 시작합니다. 백단은 SpringBoot, MSA 기법을 사용했기 때문에 백엔드 위주의 공부를 합니다. 5월😨 새로운 프로젝트에 투입되게 되면서 1주일에 5번 야근, + 주말출근을 하게 됩니다. 자연스럽게 이직공부에 소홀해지면서 회사일을 하느라 바빠집니다. 회사가 .. 2023. 1. 27. [코딩애플] 당근마켓을 만들며 배워보는 Firebase 강의 솔직 후기 (8버전임) 100퍼 아닌 이유는 사이트 배포부분 안들어서... https://codingapple.com/course/firebase-project/ 당근마켓을 만들며 배워보는 Firebase - 코딩애플 온라인 강좌 리액트 쉽게 설명하기 장인, 코딩애플입니다. '상태관리를 위해 객체를 부모 컴포넌트의 state로부터 props로 받아와서 리턴해주세요' 같은 변태 개발자용어 쓰면서 리액트 어렵게 설명하는 나 codingapple.com 파이어베이스 듣는 이유: 실무에 도움이 되어서? ㄴㄴ 배워놓으면 경쟁력이 되어서? ㄴㄴ 프론트앤드쪽 프로젝트 발전시키려구 ㅇㅇ 파이어베이스의 쿼리를 공부하고 싶다?? 코딩애플님 강의 들으세요 자세히 잘 알려주시는 편입니다. 리액트로 취직을 하고 싶은데 백앤드랑 db 도 넣어보고 싶다.. 2023. 1. 25. [React] netlify 를 서버, db 처럼 사용할 때 cors 오류 해결 문제 발생 짠 useEffect(()=>{ axios.get(`https://teal-swan-1836fc.netlify.app/test/1/1.json`) .then((result)=>{ let copy = result.data.question[0]; setTitle(copy); console.log('성공...'); }) .catch(()=>{ console.log('실패...'); }) },[]) 이렇게 axios 를 작성했습니다. 근데 발생한 cors 문제...ㅠㅠㅠ 이런 오류가 발생했을 때 (저는 백엔드에서 일을 했었기 때무네...) 서버단에서 허용하게 바꿔주는 방법으로 cors 를 해결했는데!!! 이번에는 netlify 에게 서버를 제공받아서 머리가 새햐애지더라구요ㅠㅠ 시행착오 이런 오류를 만.. 2023. 1. 1. [React] React-Router-Dom 버전v6 _BrowserRouter 와 HashRouter 차이 (2) BrowserRouter vs HashRouter 둘 다 리엑트가 URL주소에 따라 구성 요소를 매칭하여 렌더링 하기 위한 방법입니다. BrowserRouter React 는 Single Page Application 입니다. 하지만 BrowserRouter는 페이지를 라우팅할 때 URL을 통해 서버의 폴더를 이동하는것 처럼 보여줍니다. 그래서 Server Side Rendering 처럼 보여지게 됩니다. (당연히... 실제로 해당 URL에 html 파일이 존재하지 않습니다. SPA 이기 때문에...) BrowserRouter 를 사용해서 화면을 렌더링하면 검색엔진에서 봇으로 웹사이트 탐색 시 크롤링이 가능합니다. (SSR 처럼 보이기 때문입니다.) 또한 BrowserRouter 는 JS의 History.. 2022. 12. 28. [React] React-Router-Dom 버전v6 과 라우터, 라우터 컴포넌트 종류 (1) react-router-dom 일반 html css js 사이트는 html 파일을 여러개 만들면 하나의 페이지가 되죠 다른 페이지를 보여줘야 할 때 만들어놨던 html 파일 중 하나를 보여주면 됩니다. 보통 만들어져있는 html 들을 2022. 12. 21. 이전 1 2 3 4 5 6 7 8 ··· 27 다음 반응형
