본문 바로가기

분류 전체보기162

[ngrok] Invalid Host header 에러 해결법 안녕하세요. 제니입니다! 오늘은 평소에 자주 사용하던 ngrok 에러 공유하려고 하는데요. 이상하게 1번 플젝에선 잘 사용되는데, 2번 플젝에선 안 되더라구요 ㅠㅡㅠ 제가 자주 사용하고 있기 때문에 기록하려구 합니다! ngrok은 배포 전에 화면에서 보고자, 사용하고 있습니다. 1-1. 기본적인 사용법 설치를 모두 했다는 가정하에, ngrok http 80을 하면 되는데 80은 포트 번호라서 3300을 쓰고 있다면 ngrok http 3300 으로 해주면 됩니다! 1-2. Invalid Host header 에러 이상하게 이번 플젝만 Invalid Host header 에러가 생기더라구요. 이걸 해결하기 위해선 공식문서에 있는 방법과 다르게 ngrok http 3300 --host-header="loca.. 2024. 1. 3.
[JS] 문자열 곱하기 오늘의 3탄. 문자열 곱하기...! 여러 문제를 풀고 있고 그 중에 헷갈렸던 문제를 기록하고 있습니다.. 모든 문제를 기록하는 건 아닌데도 꽤 많네요..!! 하다보면 점점 줄겠죵!! 1-1. 문자열 곱하기 string을 3번 반복했을때 stringstringstring 으로 return 되는 문제입니다. 1-2. repeat() function solution(my_string, k){ return my_string.repeat(k) } 이렇게 repeat() 메서드를 사용할 수 있습니다. 문자열 곱하기 === 반복은 repeat()..!! 2024. 1. 2.
[JS] 대문자로 바꾸기 오늘의 2탄. 대문자로 바꾸기! 이건 알고 있었는데, 카멜케이스가 헷갈렸던 문제에요.. 이제 함수 만드는 방식은 과감히 스킵하려고 합니다! 1-1-1. 모든 알파벳 문자를 대문자로 바꾸기 1-1-1. toUpperCase(); https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/toUpperCase String.prototype.toUpperCase() - JavaScript | MDN toUpperCase() 메서드는 문자열을 대문자로 변환해 반환합니다. developer.mozilla.org 굉장히 간단한 문법이에요. 반대로 소문자로 바꾸는 방법은, toLowerCase() 입니다! function s.. 2024. 1. 2.
[JS] 문자열의 뒤의 n글자 안녕하세요. 제니입니다! 오늘은 퇴근 하고 프로그래머스 두 번째 강의 [시간 복잡도]를 들었어요. 개인적인 일로 기분이 매우 꿀꿀한 상태라, 공부로 시간을 보내는 중입니다..ㅎㅎ 1-1. 문자열의 뒤의 n 글자 LV.0 문제이고 아주 쉽고 간단하지만, 기본 개념을 다지기에 좋은 것 같아요! 항상 쓰던 문법과 무언가 다른 느낌이라서 헷갈리는 것도 있는데 반복 공부 하려고 합니다. 1-1-1. solution 함수를 작성해주세요. function(){ } 문제 그대로 진행을 하면 초반엔 쉬운 것 같아요! 1-1-2. my_string, n을 매개 변수로 받는다. function(my_string, n){ } 1-1-3. my_string뒤의 n 글자로 이루어진 문자열 return 무슨 말인지 살짝 헷갈리지만.. 2024. 1. 2.
[JS] 정수 부분 안녕하세요. 제니입니다! 2024년이 돼서 제가 벌써 2년차 개발자가 되었어요. React, TypeScript로 개발하는 것에 많이 익숙해졌다고 생각하며, 프로그래머스에 들어가보았는데 코딩테스트 0단계에서부터 막힌 거에요..! 정답을 봐보니, 제가 정말 많이 쓰고 알고 있는 방법인데도 불구하고 막상 풀려고 하니 생각이 나지 않았다는 것에 충격을 받고 꾸준히 코딩 테스트를 연습해가면서 손에 한번 더 익히고자 정리를 다시 시작하게 되었습니다. 생각해보면, vs code에서 자동완성을 해주기도 하고 구글링에 좋은 정보가 정말 많다보니 스스로 생각하는 과정을 조금은 놓치고 있는 것이 아닌가 다시 반성하면서 공부를 시작해봅니다! 아주 간단한 문법부터도, 새로이 정리할 예정입니다! 1-1. LV0. 정수 부분 차.. 2024. 1. 1.
[React] SVG 이미지 커스텀, 재사용 하기 안녕하세요. 제니입니다! 저번에 통계 도구를 만들게 된 걸 공유하기 시작했는데요! 이번에 지난번에 블로그 포스팅했던 경험과 유사한 경험을 하게 되어 추가 포스팅을 하게 되었습니다. 전에 카카오톡의 프로필 원 모양인 스쿼클을 SVG로 만들어서 재사용하는 방법을 작성했었는데, 참고용 링크는 https://jenny0520.tistory.com/133 스쿼클 Squircle css 하는 법 - 트러블 슈팅 기록 디자이너들은 다 안다는 스쿼클 도형은 카카오톡 프로필에 쓰이고 있는 둥근 사각형 모형을 생각하면 된다. 이번에 회사 디자이너님이 웹 사이트에 적용하고 싶어 하셔서, 적용을 하는 과정에 jenny0520.tistory.com 이 링크입니다! 이것과 유사하면서도, 다른 방법으로 작성을 하게 된 내용을 시작.. 2023. 12. 13.

티스토리툴바