01. 유효한 팰린드롬 📌문제 주어진 문자열이 팰린드롬인지 확인하라. 대소문자를 구분하지 않으며, 영문자와 숫자만을 대상으로 한다. - 예제1 📝입력 `A, man, a paln, a canal: Panama` 💻출력 `true` - 예제2 📝입력 `race a car` 💻출력 `false` 📌풀이 1. 정규식을 활용한 방법 (656ms, 43.5mb) public boolean solution2(String str){ boolean answer = false; str = str.replaceAll("[^0-9a-zA-Z]",""); String reversStr = new StringBuilder(str).reverse().toString(); if(str.equalsIgnoreCase(reversSt..
동거하는 친구 : 몇시에 끝나? 나 : 네이버로 로그인하는 것만 끝낼게~ 동거하는 친구: 얼마나 걸리는데? 나 : 30분이면 할 것 같음 ㅋ ?? : 어림없지! 그렇게 나는 30분은 개뿔, 새벽동안 3시간은 더 넘게 삽질하는 기염을 토했다. 구글링을 통해 온갖 방법이란 방법은 다 해봤지만, 해결되지 않았다. 오늘 해결하지 못하면 잠도 안올 것 같아서 눈에 불을 키고 해결법을 찾아봤다. 나는 프론트를 react 백엔드 node.js 분리하여 프로젝트를 개발하고 있었기 때문에 axois로 백엔드에 요청을 하고 있었다. 서치 초반에 axios 말고 href 태그를 사용하라는 글을 봤었는데. 다른 방법도 있을 것 같아 찾아봤지만, 결국 없.더.라 ㅋ 그래서 돌고 돌아 처음 봤었던 방법을 쓰기로 했다. conso..
이거 해결하느라 2시간은 족히 걸린 것 같다. 입 밖으로 육두문자를 내뱉으며 실랑이한 결과 드디어 해결했다... 초보라서 죽겠습니다, 정말..... 타이틀 메뉴 메뉴2 로그인 회원가입 주목해야할 곳은 Nav className = "me-auto" (왼쪽 정렬 해줌) Nav className ="ml-auto" (오른쪽 정렬 해줌) 구글링으로 찾아봐도 없길래 마구잡이로 해보니까 성공했다. 이게 맞는 방법인지는 모르겠지만... 후련하다
Next.js에서 스타일 컴포넌트를 사용하는 강의를 봤기 때문에 스타일 컴포넌트를 쓸까 고민하다 그냥 배우자는 생각으로 scss를 쓰기로 했다. 그러나 첫 관문부터 막히기 시작하는데 ... 결론만 말하자면, scss를 입히려는 js파일에 ex) import styles from "../style/components/_header.module.scss"; 이런 식으로 임포트 해준다. 당연하겠지만 scss 파일 이름도 [이름].module.scss 이렇게 만들어야 함. 그리고 className에는 타이틀 {styles.[이름]}
때는 바야흐로 몇 개월 전. 회사에서 가끔씩 안드로이드 스튜디오를 쓰는데 내 컴퓨터에선 안드로이드 스튜디오를 실행하면 무반응이었다. 오류도 안뜨고 경고창도 없이 완전 무반응. 관리자권한으로 실행하고 cmd로 실행하고 설치했다 실행해도 무반응~ 몇달 전에 여차저차 해결해서 잘 쓰고 있었는데, 오늘도 이런 일이 일어나 메모하고자 적어두고간다. (또 이거 해결한다고 1시간 날림. 삭제하고 다시 깔아서 설정도 날라갔겠지 하....) 스프링 공부한다고 깔은 인텔리제이에서 자바 버전 충돌이 일어나 자바 버전 몇개를 지웠다. 환경변수도 수정하고. 아마 이게 문제가 아니었을까.. 싶어 다시 자바 최신 버전을 깔았다. 그리고 환경 변수를 11버전에서 17버전으로 올려주니 이제야 정상 실행되더라... 왜지.. 왜일까...
4:00:35 PM: npm ERR! code 1 4:00:35 PM: npm ERR! path /opt/build/repo/node_modules/node-sass 4:00:35 PM: npm ERR! command failed 4:00:35 PM: Creating deploy upload records 4:00:35 PM: npm ERR! command sh -c node scripts/build.js deploy하는데 뭐 ,, 이런 오류가 떴다. 배포가 실패 난 원인을 1시간동안 신나게 찾다가 로그가 있다는걸 알았다. 아, sass 때문이구나 ~ 그리고 또 열심히 서치하다 1시간을 그대로 흘려보냈다~ node-sass를 uninstall 하고 sass랑 뭘 또 설치 하라 했었는데.. 이 방법은 fa..
1. Simple React Snippets cc Class Component ccc Class Component With Constructor cpc Class Pure Component ffc Function Component sfc Stateless Function Component (Arrow function) cdm componentDidMount uef useEffect Hook cwm componentWillMount cwrp componentWillReceiveProps gds getDerivedStateFromProps scu shouldComponentUpdate cwu componentWillUpdate cdu componentDidUpdate cwun componentWillUnmo..
오늘도 공부를 하기 위해 리액트 프로젝트를 생성하는데... 집 데스크탑에서는 문제가 없었지만, 회사 노트북에서는 오류가 생겼다. You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app 친절하게 안내해준 방법으로 시도해봤으나 오류는 해결되지 않았다..
본 포스팅은 강의를 보며 적어내린 메모용 입니다. react 프로젝트의 index.js, app.js 파일 소스이다. render 함수의 App 태그는 사용자 정의 태그로 import App from './App'을 통해서 App.js에 접근 가능하게 만들어준다. 쉽게 말하자면 저 태그는 오른쪽 HTML 태그를 그대로 가져와서 쓴다고 보면 된다. 간단한 테스트를 통해 알아보자. App.js의 태그들을 주석 처리하고 코딩의 시작인 Hello World를 넣어줘봤다. import logo from './logo.svg'; import './App.css'; function App() { return ( {/* Edit src/App.js and save to reload. Learn React */} Hel..
본 포스팅은 메모용입니다. react 공부 시, 참고 용 홈페이지 https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org react를 사용하기 위해서 node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS로 까는 걸 추천 폴더 생성 후, vscode로 끌고와 폴더를 열어줌. 그리고 터미널 실행 npx create-react-app my-app my-ap..
