티스토리

kirinmanDevBlog
검색하기

블로그 홈

kirinmanDevBlog

kirinman.tistory.com/m

기린맨의 개발 관련 블로그

구독자
0
방명록 방문하기
공지 Developer from Filmm⋯ 모두보기

주요 글 목록

  • cache stampede? 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 3. 26.
  • Jmeter로 테스트 시나리오 작성하기 / 로그인 물고 테스트하기 - 먼저 설치를 진행합니다. 아래 링크를 통해 설치해도 좋고, mac 사용자의 경우 homebrew를 통해 쉽게 설치할 수 있습니다. 압축을 풀면, bin 폴더에 jmeter.sh 파일과 jmeter.bat 파일이 있습니다. 윈도우는 bat, 맥은 sh를 통해서 실행 가능합니다. https://jmeter.apache.org/download_jmeter.cgi Apache JMeter - Download Apache JMeter Download Apache JMeter We recommend you use a mirror to download our release builds, but you must verify the integrity of the downloaded files using signatu.. 공감수 2 댓글수 1 2023. 3. 14.
  • m1 mac brew 로 jmeter 설치했을 때 경로 m1의 경우 아래 경로로 jmeter를 실행한다. open /opt/homebrew/bin/Jmeter 인텔칩은 아래 경로로 실행이 가능하나, m1의 경우 아래 경로로 실행하면 해당 경로에서 파일을 찾을 수 없다는 에러가 나온다. shift + cmd + . 을 통해 숨김폴더를 보이게 설정하고 해당 경로로 들어가봐도 확인이 가능하다. open /usr/local/bin/jmeter 공감수 0 댓글수 0 2023. 3. 13.
  • Ngrinder 시나리오 스크립트 빠르게 작성하고 적용 출처 https://github.com/naver/ngrinder/wiki/Frequently-Asked-Question https://velog.io/@max9106/nGrinderPinpoint-test2 https://flowlog.tistory.com/80 Frequently Asked Question enterprise level performance testing solution. Contribute to naver/ngrinder development by creating an account on GitHub. github.com nGrinder와 Pinpoint를 이용한 성능 / 부하 테스트2 - 시나리오 작성 테스트를 진행하기 위해서는 먼저 시나리오 기반으로 스크립트를 작성해야합니다. n.. 공감수 0 댓글수 0 2023. 3. 7.
  • look - aside 캐싱 전략을 적용하는 과정 기록 1. cache miss가 나면, db에서 데이터를 가져오고 / db에서 가져온 값을 리턴하고 / 가져온 값을 캐시에 저장하는 프로세스로 되도록 하려고 하였음 2.캐시에서 데이터를 가져올 때, Cache.ValueWrapper라는 타입으로 가져와야 하는 건지 몰랐음. 아래처럼 사용했음 Cache productCache = redisCacheManager.getCache("productId"); Cache.ValueWrapper valueWrapper = productCache.get(String.valueOf(productId)); 3.처음에 리턴 타입을 product라는 엔티티 클래스를 그대로 사용함. 이 product 엔티티는 category라는 엔티티와 연관관계 매핑이 되어있었고, 지연 로딩이 걸려.. 공감수 2 댓글수 0 2023. 3. 3.
  • redis에 넣어둔 캐시 조회가 안되던 문제 1. 캐싱이 되지 않음 2. 포스트맨에서 status code 200을 리턴함 3. 스레드풀에서 아직 작업 중이었음. 기다리니까 됨. ==================================================================== 원래 이 sorted set 20개 이외에 조회수가 높은 순으로 1000개의 상품데이터가 더 캐싱이 되어야 하는데 캐싱이 되지 않는 문제가 발생. 각 zset에는 1000개의 상품 데이터가 들어있음. 로그에 딱히 문제가 보이지 않음 포스트맨에도 status code가 200임. 근데 데이터는 못 받아오네? 메모리가 문제인가? 아닌데? 팀원에게 보고하려고 캡처를 하는데 뭔가 이상함. ? 갯수가 늘었네? 원래는 아래 사진이었는데 혹시 몰라서 키 갯수를 세.. 공감수 0 댓글수 0 2023. 2. 28.
  • redisson lock 설정하고 조회할 때 에러 /java.lang.IllegalMonitorStateException: attempt to unlock lock, not locked by current thread by node id: ~~~ 하기 코드를 실행했을때 에러 발생함. 먼저 IllegalMonitorStateException은 synchronized 블록이나 Lock객체를 잠금, 해제할 때 문제가 발생한 것을 나타낸다고 한다. 나는 지금 redisson을 이용한 pub-sub 기반의 lock을 사용하고 있으니, 위 코드에서 문제가 있다고 확신함. 생각해보니 finally 블록에서 무조건 unlock을 호출하고 있었음. 여기가 문제인 것 같아 lock 객체가 제대로 생성이 되었을때만 unlock이 되도록 수정해 보았음. 위처럼 수정하니 정상 실행 되었음. 공감수 0 댓글수 0 2023. 2. 27.
  • redisson에서 elasticache에 연결이 안되는 문제 /connection timed out: ~~~~~~ 1.elasticache 연결 안됨 2.nslookup써봄 3.동일 vpc가 아니면 실행이 안되는 문제였음. ec2에서 배포하니 됨 ================================================================================== 미니프로젝트 진행 중, reddison에서 lock 기능을 구현하고 테스트해보려 실행했는데 아래 오류와 함께 실행이 되지 않음 일단 lock 기능이 구현된 redisson facade가 잘 안되는 모양. 왜그런가 봤더니 elasticache에 연결이 안되는 것 같다. 설정이나 코드에는 문제가 없어 보였다. 그럼 뭔가 elasticache가 실행이 안되고 있나? 해서 elasticache 콘솔에 가 봤는데도 available로 잘.. 공감수 0 댓글수 0 2023. 2. 25.
  • 로드밸런싱 https://kirinman.tistory.com/89 내용 정리!! 왜 클라이언트와 WAS 사이에 웹 서버를 두는 것일까 (리버스프록시 / 로드밸런싱) 미니프로젝트를 진행하다가 웹 시스템 구조를 아래 처럼 진행해야 할 것 같다는 이야기가 나왔다. flow를 제대로 그렸는지 모르겠다. 먼저 client에서 요청이 오면 웹 서버를 거치고 그 다음 WAS를 kirinman.tistory.com ============================= 실제로 활용해보지 않았기 때문에 아직은 잘 모르지만! 로드밸런싱이란 서버가 처리해야 할 업무 혹은 요청(Load)을 여러 대의 서버로 나누어(Balancing) 처리하는 것을 의미한다.한 대의 서버로 부하가 집중되지 않도록 트래픽을 관리해 각각의 서버가 최적의 퍼.. 공감수 0 댓글수 0 2023. 1. 30.
  • 회원가입시 정규표현식으로 유효성 검사 -problem 이번 클론코딩 프로젝트에서 회원가입 / 로그인 파트를 맡게 되었다. 여기에서 사용자의 핸드폰번호, 닉네임, 생년월일, 비밀번호를 검증해야하는 문제가 있었다. -what I tried 일단 정규식을 작성했으나, 검증이 완벽히 되지 않는 문제가 있었다. 그냥 알고있는 수준에서는 해결할 수가 없어 검색을 하기로 했다. -my answer 생년월일과 비밀번호 검증에서 새로운 것을 알게 되었다. 아래는 생년월일을 검증하기 위한 정규식이다. ^\\d{2}([0]\\d|[1][0-2])([0][1-9]|[1-2]\\d|[3][0-1])$ \\d{2}연도 두 자리는 아무거나 와도 되니까 따로 조건을 걸지 않고 숫자만 오면 상관없게 하였다! ([0]\\d|[1][0-2]) 월의 경우 앞자리가 0이면 뒤에.. 공감수 0 댓글수 0 2023. 1. 26.
  • jwt 토큰의 claim을 이용해 주문 생성시간 가져오기 -problem 키오스크 기능을 수행하는 웹 어플리케이션을 제작하던 중, 사용자가 주문한 메뉴들의 가격을 찾아서 합산하는 기능을 제작했어야 했다. 여기에서 사용자의 주문을 확인했어야 하는데, 어디까지가 하나의 주문인지 어떻게 아는지에 대한 문제가 발생했다. -what I tried 일단 jwt의 issuedAt을 사용하고자 했다. 주문을 생성할때 토큰을 생성하고 주문 생성시간과 토큰 생성시간이 같으면 같은 주문이라고 보는 것이다. 다만 아무래도 토큰 생성과 주문 생성이 동시에 일어나지 않아서 미세한 차이가 있어 아예 동일하게 처리할 수 없었다. -my answer 먼저 주문 생성시간을 찍어줄때 아래와 같이 String으로 처리하고 localDateTime 의 포맷을 yyyy/MM/dd/hh/mm과 같이 .. 공감수 0 댓글수 0 2023. 1. 15.
  • NonUniqueResultException: query did not return a unique result: 2 에러 -problem 스프링 시큐리티의 기본적인 부분을 적용시키고 테스트를 진행하다가 위 에러를 마주침. 내용만 봤을때 내가 동일한 값을 넘기고 있다고 추측하였음. -what I tired 일단 Jpa로 조회되는 값이 2개 이상일때 해당 오류가 난다고 한다. 대충 봤을 때에는 조회가 어디서 일어나는지 찾기 어려웠다. -my answer 에러로그에서 에러가 난 부분을 보니 문제는 system.out.print 저 부분이었다. 저 부분을 지웠어야 했는데 지우지 못했다. 에러의 이유는 일단 저렇게 되면 findby~~에서 조회 결과가 하나 이상인데 (내 경우가 그랬다는 것!) 이러면 class로 받아서 담을 수 없게 된다. 쉽게 생각했을때에는 그냥 repository에서 List로 타입을 바꿔주면 되지만, 내가 짠.. 공감수 0 댓글수 0 2023. 1. 11.
  • 게시글 / 댓글 좋아요 기능 제작할 시, 어떻게 카운팅을 할까 -problem 스프링 부트를 사용해서 기초 예제를 제작하던 중, 게시글과 댓글에 좋아요 기능을 추가해야 하는 작업을 진행했어야 했다. -what I tried 처음에는 게시글, 댓글 테이블에 좋야요 갯수가 카운팅되는 칼럼을 만들어야 하나 생각했는데, 이건 너무 복잡해지고 검증도 복잡할 것 같았다. -my answer 생각해보니 나중에 총 갯수를 반환할때, 해당되는 게시글 / 댓글에 붙은 좋아요의 개수를 주면 되는 것이라고 판단했다. 이렇게 되면 훨씬 간편하다고 생각했다. sql에 count가 있으니 jpa에서도 당연히 있겠다 싶어 count를 타이핑해보니 바로 나왔다. -I learned! 뭔가 rdb라는 단어에 겁을 먹고 생각하기보다 그냥 엑셀 표를 떠올리면서 생각하니 금방 아이디어가 떠올랐다. (물.. 공감수 0 댓글수 0 2023. 1. 10.
  • 비밀번호 단방향 암호화 적용시 비밀번호 불일치 문제 -problem Bcrypt 해시함수를 통해 비밀번호 단방향 암호화를 공부하던 중, 입력받은 값과 DB에 저장된 값을 비교하는데 비밀번호가 일치하지 않는 오류 발생 -what I tired 처음엔 오타인가 싶어 다시 확인하였지만 오타는 아니었음. Postman도 다시 확인하였으나 문제는 없었음. 무엇이 문제였는지 생각하다가 passwordEncoder 인터페이스를 들어가 보기로 함. -my answer 인터페이스 안에 maches라는 메서드로 값의 일치여부를 확인할 수 있었음. 해시함수의 경우 단순 비교가 안되는 것 같다.. (이 부분은 다시 찾아보고 공부해봐야겠다!!) -I learned! 헷갈릴땐 설명서를 보자! 뭐든지 일단 들어가보면 친절하게 사용법과 파리미터 값이나 다른 것들도 정말 친절하게 적혀.. 공감수 0 댓글수 0 2023. 1. 10.
  • @Pattern으로 정규식 표현시 조건 만족해도 에러를 뱉을 때(글자 수 지정해주기) - problem 유효성을 검증하는 하기 코드를 작성했는데, 조건을 만족해도 계속 에러메시지를 띄움 -what I tried 처음에는 이 어노테이션 사용이 잘못되었는지, controller에서 @Valid를 빼먹었나 했는데 무언가를 빼먹거나 잘못 쓴 것이 아니었음 -my answer 문제의 경우의 수를 하나하나 줄여나가니 원인은 정규표현식밖에 없어서 다시 확인해보니 표현식 내에 글자수를 잡아주는 것이 없었다. 하기 이미지 처럼 수정하니 해결되었음. -I learned 솔직히 정규표현식 아직도 좀 헷갈린다. 원하는 게 있으면 바로바로 안되고 계속 검색을 여러번 해야되고, 이유도 제대로 모른다. 아직 어설프게 이렇다 저렇다 하는 것 같아, 팀프로젝트를 진행할때 조금 더 적극적으로 사용해봐야겠다. 공감수 0 댓글수 0 2023. 1. 6.
  • 스프링부트 Swagger사용시 Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException 에러 - problem swagger를 통해 api명세를 정리하고 잘 날아가는지 테스트해보려 했는데 에러가 남 - what I tried dependency를 추가할때 버전을 잘못 설정했나 싶어 버전을 오르락 내리락 했으나 성공하지 못함 - my answer 설정에 대해선 구글링이 정답인가 보다 Spring boot 2.6버전 이후에 spring.mvc.pathmatch.matching-strategy 값이 ant_apth_matcher에서 path_pattern_parser로 변경되면서 몇몇 라이브러리에서 오류가 발생한다고 한다. (출처 : https://goyunji.tistory.com/137) application.properties 에 하기 코드를 적어두면 된다. spring.mvc.pathmatch.. 공감수 0 댓글수 0 2023. 1. 6.
  • [bootCamp][항해99] 항해 4주차 마무리 - Ioc , DI, Bean? 항해를 시작한지도 벌써 한 달이 다 되어간다. 부트캠프를 하면 당연하게도 모든 생활이 다 코드 중심으로 돌아간다. 새해 첫 꿈을 꾸었는데, 코드를 짜는 꿈을 꾸었다. 일어나서도 놀라지 않았다. 노트북을 열고 다시 할 일을 했다. 회고가 점점 올드보이 감금일기처럼 되어간다. 낄낄~ ///////////////////////////////////////////////////////////////////////////////////// 이번에 스프링을 공부하면서 Ioc, DI, bean에 대해서 정리한 적이 있다. https://kirinman.tistory.com/54 IoC (Spring에 국한된 것 아님!) 이전까지 내가 프로그래밍을 하던 방식은 코드를 짜다가 필요한 객체가 있으면 생성해서 쓰고, 또 생.. 공감수 0 댓글수 0 2023. 1. 2.
  • 221226 spring 사용시 심볼 persistence를 해결할 수 없습니다. (javax 관련 문제) **221230 에러난 이유 추가 스프링 부트 3.0버전을 선택하게 되면 고려해야 할 것들이 있다. - Java17 이상을 사용해야 한다. - javax 패키지 이름을 jakarta로 변경해야 한다. 이것 때문에 에러가 난 거였다. 오라클과 자바 라이센스 문제로 모든 javax 패키지를 jakarta로 변경했다고 한다. problem spring 예제를 풀다가 코드를 복사해 왔는데 import javax.persistence.*; 이 라인에 빨간줄이 나왔다. what I tried 처음엔 내가 라이브러리 설치를 빼먹었나 싶어 확인해 봤는데 아니었고 뭐 그래들에서 꼬였나 싶어 캐시 지우고 ide 다시시시작 / 프로젝트 다시 빌드를 해 봤는데 문제가 지속되었음 my answer 그럼 남은 것은 버전 문제일 .. 공감수 0 댓글수 0 2022. 12. 26.
  • [bootCamp][항해99] 항해 3주차 마무리 - 느슨한 결합? 정신없이 한 주가 또 지나갔다. 이번 주차는 알고리즘 주차! 내가 선택한 언어를 통해 열심히 알고리즘을 풀고, 시험까지 봤다. 하필 구름이가 옷에 오줌을 싸서 옷에 스며들기 전에 빨리 풀어야 한다는 압박감을 가지고 풀어서 의도치 않은 타임어택을 하게 되었다. 여튼! 알고리즘은 뭐 앞으로 계속 풀어나갈 것이고 재밌기도 하니까. (사실 머리채 부여잡고 다른 사람들 풀이 보면서 한숨쉴 때가 더 많았음 ^0^) 그것보다도 이번주의 큰 수확은 자바에 대해 조금 더 친숙해졌다는 것이다. 지난 주 정리내용을 보면 내가 DIP를 언급하면서 의존성이 무엇인지를 써논 내용이 있다. 단순히 글로만 보았을 때에는 그냥 그런갑다 하고 지나가게 되는데, 이번에 인터페이스 구현 예제를 풀어보니 100%는 아니지만 아주 조오오오오금.. 공감수 0 댓글수 0 2022. 12. 25.
  • 221221 String 비교할때 == 말고 equal problem 알고리즘을 풀던 중, 분명히 같은 값인데 자꾸 일치하지 않는다고 함. 런타임 오류가 나는 것도 아니고 계속 이상한 값이 나와서 오랜 시간 헤맸다 what I tried 코드 제일 밑단에서 부터 주석처리를 해가며 범인을 색출했다. 그리고 문제가 있는 코드 발견 if(temp.get(i) == ".") 대충 이런 형식의 코드였다. my answer 보자마자 머리를 때렸다 기본 중의 기본일 터인데.. ==는 비교를 위한 연산자이다. String의 경우 이 연산자를 사용하면 string의 값을 비교하는 게 아니라 힙 영역에 할당된 주소를 비교하게 되는 셈이다. 당시 내 코드에서는 "."이 따로 생성이 되는 상황이었는데, 이러면 사람의 눈으로 봤을땐 같아 보이지만, 힙 영역에는 서로 다른 부분에 저.. 공감수 0 댓글수 0 2022. 12. 21.
  • [bootCamp][항해99] 2주차 마무리 - 자바를 왜 쓸까? 2주차가 정신없이 지나갔다..! 2주차에는 내가 선택한 언어인 자바의 문법을 공부하는 시간이었다. 먼저 자바를 쓸 것이라면 자바를 왜 써야하는 지 알아야 하는 게 우선이라고 생각했다. 자바를 쓰는 이유! - 운영체제 (OS) 에 구애받지 않는다. - 메모리를 자동 관리한다. - 객체 지향 프로그래밍이다. 어떻게 운영체제에 구애받지 않을 수 있을까? 먼저 자바를 이용하기 위해 설치했던 jdk에 포함된 jvm이란 소프트웨어 덕분이다. 먼저 내가 자바로 코드를 작성하는 과정을 살펴보자. 내가 IDE로 글쓰듯이 작성하는 것은 바로 소스코드! 이건 나를 위한 코드이다. 이건 cpu가 인식하지 못하니 기계어로 바꿔줘야 한다. 즉, 컴파일을 해야하는 것이다. 여기서 자바의 차이점이 등장! 자바는 JVM이라는 소프트웨.. 공감수 0 댓글수 0 2022. 12. 18.
  • 221215 자바의 기초 중의 쌩 기초를 훑어본 날(JDK, 모듈, 빌드 툴) problem 자바의 기본 구성이 어떻게 되는지! gradle은 뭔지!! jdk는 또 뭔지! what I tried 자바의 파일 구성을 훑어보며 모르는 내용을 검색하고 찾아보았다. my answer - 모듈은 뭘까? 모듈은 왜 쓸까? 먼저 모듈은 패키지의 캡슐화를 보완하기 위해 등장했다. 클래스는 패키지 내부에 숨길 수 있는데, 패키지는 어디에 숨겨둘까! 어디에 숨겨두고 내부에서만 사용할 수 있는 방법이 없었기 때문에 문법적으로 패키지를 숨기기 위해 모듈이라는게 만들어 졌다고 한다. 자바 프로젝트를 실행시켰을 때 내부 디렉토리를 봐도 알 수 있듯이, 모듈 - 패키지 - 클래스 - 인스턴스 의 흐름으로 그 관계를 대략적으로 이해할 수 있었다. - jdk? 자바의 3대 구성요소 중 하나! jdk / jvm .. 공감수 0 댓글수 0 2022. 12. 14.
  • [bootCamp][항해99] 1주차 마무리 - 쿠키와 토큰, 왜 JWT? 항해99 부트캠프의 1주차가 지났다. 첫 협업을 거쳐가며 작은 규모의 팀 프로젝트에서는 어떻게 일을 분배할지, 어떻게 협업을 진행할 지에 대한 부분을 배웠다. 당연한 얘기지만 코드를 짜는 것도 배워가는 것이 많았다. 그 중에서도 이번주에 배운 것 중에 제일 큰 것은 쿠키와 토큰이었다. 먼저 나는 JWT (JSON Web Token)를 사용했다. 말 그대로 JSON 객체를 사용하는 토큰이라고 볼 수 있었다. 그럼 우리는 왜 토큰을 이용할까? 그것은 안전한 API를 이용하기 위해! 토큰 기반 인증을 사용하면 내 서버에서만 시크릿 키를 통해 인코딩 / 디코딩을 거칠 수 있으니 보다 안전하게 이용이 가능하다고 이해했다. 더불어 여기서 stateless라는 개념도 추가로 알아보았다. 토큰은 서버에 저장하지 않고,.. 공감수 0 댓글수 0 2022. 12. 11.
  • 221210 댓글기능 구현 problem 게시판에서 특정 글에 댓글을 달려고 할 때, 어떻게 처리해야 하는 지에 대한 문제가 발생했다. what I tried 일단 먼저 본 게시판의 특정 글에 인덱스를 부여하였다. 그럼 특정 게시글과 댓글을 인덱스로 이어줄 수 있을 테니까! 여기까지 맞았다고 생각한다. DB에 올리는 것까지도 문제 없음. 당연하게도 문제는 get으로 찍어줄 때 발생. html틀을 만들고 거기에 선택자를 이용해 append하는 방법을 생각했는데 로직에 빵꾸가 났다 계속 그렇게 어렵지도 않은데 계속 삥삥도는 느낌. my answer 일단 틀을 어디까지 할 지에 대한 범위가 중요했다. 로직에 포함되는 버튼을 자꾸 빼먹고 마구잡이로 코드를 짜다보니 계속 삥삥 돌게 되었다. 참 지저분한 코드지만 일단 되긴 하니까.. 인덱스.. 공감수 0 댓글수 0 2022. 12. 10.
  • 221207 pymongo사용시 TypeError: 'Collection' object is not callable 에러 problem 몽고db에 있는 자료 중 특정 value를 일괄적으로 변경할 필요가 있어, 명령어를 실행하였으나 하기 오류가 발생함 what I tried 난 update명령어를 사용하였는데, 내가 파라미터를 빼먹었나 싶어 먼저 검색을 해 보았다. 구글에서 multi라는 옵션에서 boolean을 true로 해 줘야 한다고 해서 {multi: True}라는 파라미터를 추가했는데, 실행시키니 이것을 인식시키지 못했다. my answer 뭔가 메소드 없다고 하는 게 이상했다. 다른 사람들은 있다고 하는 것이 없으니. 메소드가 없다고 하는 것이면 pymongo에 문제의 원인은 pymongo에 있다고 판단했다. 다시 검색해보니 버전이 다른 게 문제였다. 이젠 update가 아니라 update_many란다. I Le.. 공감수 3 댓글수 0 2022. 12. 8.
  • [wip]221206~ 깃허브 원격저장소에 있는 변경사항 가져올때 conflict 221207 problem 팀원들이 작업한 branch를 merge하려니 더 많은 conflict를 마주했다. what I tried 처음엔 그냥 폴더를 clone해서 conflict를 제거하는 방식을 생각했다. 하지만 실천에 옮기기 전에 뭔가 이건 너무 아닌 것 같은 생각이 들어 이 해결방안은 시도하지 않았다. 번거롭기도 하고, 이건 임시방편이지 근본적인 해결이 되지 않기도 한 것 같다. 어떻게 할지를 고민하다가, 혹시 깃허브에서 추천하는 방법이 있지 않을까 해서 PR페이지에서 merge할 수 없다는 부분을 좀 더 들여다 봤다. 프로그램은 지금의 나보다 똑똑할 테니까! my answer 해결방법은 단순하기도 하고 당연한 방법이었다. 예를 들어 temp라는 branch를 main에 합치고 싶은 상황이라면.. 공감수 0 댓글수 0 2022. 12. 6.
  • 221205 회원가입 유효성 검사 코드를 만들 때 problem 회원가입을 진행시에 유효성 검사를 어떤식으로 진행할지에 대한 것 what I tried 사용자로부터 정보를 제공받는다면, 해당 정보를 charAt으로 받아서 char 하나 하나가 내가 생각한 조건들이 포함되어있는 지를 검사하고자 하였다. 하지만 코드가 너무 길어지고 숫자와 문자열이 섞여있을때 대처가 되지 않는 문제도 있었다. my answer 먼저 사용자가 입력하는 입력 필드를 전체 동일한 class로 받는다! 이후 해당 class의 입력 정보들을 전부 모아서 querySelectorAll으로 리스트를 만들었고, 해당 리스트를 정규표현식을 이용하여 내가 원하는 조건이 포함되어있는지를 검사하는 방식을 이용했다. 정규표현식을 이용하니 코드가 더 간결해졌고 내가 설정한 조건 중에서 입력한 정보의.. 공감수 0 댓글수 0 2022. 12. 5.
  • [ajax] 220919 참고! Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜹니다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻 $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성 } }) a.. 공감수 0 댓글수 0 2022. 9. 19.
  • 220915 HTML 이미지 어둡게 하기 linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) 주석 단축키 주석처리하고 싶은 라인들을 선택 → ctrl(또는 command) + / (슬래시) style 너무 길어져서 좀 줄이고 싶을때 - css분리하기 자주 쓰이는 css h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding margin은 외부 여백 padding은 내부 여백 flex로 정렬하기 웹사이트 참고 https://velog.io/@jary/flex%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%.. 공감수 0 댓글수 0 2022. 9. 15.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.