본문 바로가기

분류 전체보기268

for문부터 떠올리는 버릇을 버리자 이 문제는 for문으로 시작하면 오히려 더 헷갈린다. 중요한 건 몇 번 도느냐가 아니라, 한 번 판단했을 때 뭐가 확정되느냐였음 프로그래머스 구명보트 문제 프로그래머스SW개발자를 위한 평가, 교육의 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 오늘 구명보트 문제를 풀었다문제를 보자마자 아무 생각 없이 for문 돌리면 되겠네 부터 떠올랐다사람 수 많고, 조합을 보는 문제처럼 보였기 때문이다 물론 틀리게 되면서, 이번엔 스스로 약속을 했다.천천히 하루에 하나씩! GPT한테 정답은 절대 묻지 말고 힌트만 받자! 당연하게도 중간중간 엄청 헤맸다. for문을 또 당연시하게 쓰다가 꼬이고, 배열 자르다가 더 꼬이고, max, min을 사용도 해봄. 전환점은.. 2025. 12. 31.
[Next.js] 왜 13+부터는 layout.tsx가 필수일까 오랜만에 Next.js 강의를 다시 듣다가, 예전에는 app/page.tsx 파일에서 단순히 텍스트만 리턴해도 localhost를 열면 그 텍스트가 그대로 화면에 출력됐던 기억이 있었다.export default function Page() { return Hello;} 하지만 지금 최신 버전 (Nect.js 16+)에서는 상황이 조금 다르다 npm run dev 후 페이지를 열어보니 아래와 같은 런타임 에러가 등장한다. 즉, 이제는 Root Layout, 과 태그를 포함한 레이아웃 파일이 반드시 필요하다는 뜻이다. 🔗 관련 문서:Root Layout 문서https://nextjs.org/docs/app/building-your-application/routing/pages-and-layou.. 2025. 12. 4.
TypeScript에서 interface vs type 차이 정리 ✅ interface와 type 공통점 객체, 함수, 배열 등 다양한 구조의 타입을 정의extends, & 이나 (확장) intersection (합성) 등으로 타입을 확장할 수 있다// interfaceinterface User { name: string; age: number;}// typetype User = { name: string; age: number;}; ✅ interface : 확장(extends)interface는 상속, 확장성이 뛰어나 주로 객체 구조 정의에 자주 사용된다여러개의 interface도 extends로 다중 상속(확장) 가능해서 더 큰 구조를 만들 수 있다라이브러리에서 타입 확장할 때 주로 interface를 사용해 상속선언 병합은 interface만 가능inter.. 2025. 5. 7.
@fortawesome/react-native-fontawesome에서 fontSize가 안먹히는 이유 React Native에서 FontAwesome 아이콘을 사용할 때, 아이콘의 크기를 아래와 같이 조절하려고 하면 에러가 퍼퍼펑 터져버린다import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";import { faPlus } from "@fortawesome/pro-regular-svg-icons";const styles = StyleSheet.create({ icon: { fontSize: 22, },});Type '{ fontSize: number; }' is not assignable to type 'FontAwesomeIconStyle | undefined'.ts(2322)index.d.ts(25, 3): The e.. 2025. 4. 23.
javaScript indexOf() 정리 String.prototype.indexOf() - JavaScript | MDNindexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다.developer.mozilla.org  Array.prototype.indexOf() - JavaScript | MDNArray 인스턴스의 indexOf() 메서드는 배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환합니다.developer.mozilla.org ✅  indexOf()?- indexOf()는 배열 또는 문자열에서 특정 요소의 > 인덱스를 반환하는 메서드로 없으면 -1을 반환한다  ✅ 배열에서의 사용법 arr.index.. 2025. 2. 28.
정규식 RegExp와 사용되는 test 메서드 test() 메서드는 정규 표현식 객체의 메서드로, 특정 문자열이 정규 표현식 패턴과 일치하는지 검사하여 일치하면 true, 그렇지 않으면 false 반환 기본 문법 정규식.test(문자열)regex.test(str)const regex = /hello/;const str1 = "hello world";const str2 = "goodbye world";console.log(regex.test(str1)); // trueconsole.log(regex.test(str2)); // false  그러니까. 코딩테스트를 하다가 소문자는 대문자로, 대문자는 소문자로 바꾸는 문제를 풀다가 match를 사용해서 풀었는데. 생각해보니 test 메서드가 있던 걸 까먹었다function solution(my_string.. 2025. 2. 11.