티스토리

-archive

검색하기

블로그 홈

-archive

252-archive.tistory.com/m

김빵그 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

20250107 TIL Today 요약[✅] 코딩테스트 2문제배운점1. Expo vs RN 비교 Expo CLI & React Native CLI 비교React Native 프로젝트 생성 방법으로 Expo와 RN 방법이 있다Expo CLI장점간단한 초기 설정 : 기본 템플릿과 설정을 제공하여 복잡한 환경 설정 없이 빠르게 프로젝트 시작다양한 API 지원 : 카메라, 위치252-archive.tistory.com2. npm vs yarn 비교 npm vs yarn 비교나 : 기본이 짜세지 주로 npm 사용 @ : 좋은 걸 써야지 주로 yarn 사용왜 npm을 쓰세요? 하면 나는... 딱히 이유는 없다. (사실 잘 몰라서 그런 거임) 전에 같이 작업했던 백엔드 개발자분께 왜 yarn을 쓰velog.io 공감수 0 댓글수 0 2025. 1. 7.
20240103 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 프엔 강의 (1개) 배운점 yarn create react-app [프로젝트 네임] --template typescript npx create-react-app my-app --template typescript 공감수 0 댓글수 0 2024. 1. 3.
20240102 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 프엔 강의 (3개) [✅] 올인원 강의 (1개) 배운점 1. js 1-1 every 배열의 모든 요소가 특정 조건을 만족하는지 확인하는데 사용 참이면 true 그렇지 않으면 false array.every(callback(element, index, array), thisArg) callback : 각 배열 요소에 대해 실행할 함수 element : 현재 처리 중인 배열 요소 index : 현재 처리 중인 배열 요소 인덱스 array : every를 호출할 배열 자체 const positiveNumbers = [1, 2, 3, 4, 5]; const allPositive = positiveNumbers.every(function(number) {.. 공감수 0 댓글수 0 2024. 1. 2.
20231227 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 기초 개념 강의 (2개) [✅] react 기초2 개념 강의 (2개) 배운 점 1. next.js 개념 React를 기반으로 한 웹 개발 프레임워크 서버 사이드 렌더링 (SSR) 및 정적 사이트 생성(SSG)을 지원하여 웹 애플리케이션의 성능을 향상시키고 검색엔진 최적화(SEO)를 용이하게 한다 1-1 페이지 (Pages) Next에서는 페이지가 프로젝트의 핵심 단위이다 pages 디렉토리에 생성된 파일은 자동으로 라우팅 되어 웹 애플리케이션의 경로에 대응 1-2 서버 사이드 렌더링 (Server Side Rendering, SSR) 페이지를 서버에서 렌더링하고 초기 데이터를 포함하여 클라이언트로 전송 이는 검색 엔진 최적화 및 초기 로딩 성능을.. 공감수 0 댓글수 0 2023. 12. 27.
20231226 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 기초 개념 강의 (2개) 배운 점 1. react 1-1 React Hook ? react hook을 사용하면 함수형 컴포넌트에서도 상태 및 생명주기와 관련된 작업을 수행할 수 있어 코드를 더 간결하고 이해하기 쉽게 만들어준다 React Hook에 대해 알아보자 React Hook React Hook은 React 16.8 버전에서 도입된 기능으로, 함수형 컴포넌트에서도 상태(state) 와 생명주기 메서드를 사용할 수 있게 해준다. 1. useState function ImageGallery() { const [index, setIndex] = useState(0) 252-archive.tistory.com 1-2 Next.js? react를 빌.. 공감수 0 댓글수 0 2023. 12. 26.
20231211 TIL Today 요약 [✅] 코딩테스트 1문제 [✅] react 기초 개념 강의 (2개) 배운 점 1) react 1-1 컴포넌트 재사용 가능한 UI 요소로 나타내는 기본 단위 각 컴포넌트는 자체적인 상태(state)와 라이프사이클 메소드를 가질 수 있으며, 부모 및 자식 컴포넌트와 함께 조합가능 UI를 재사용해 유지보수가 용이 1-2 라이프 사이클 컴포넌트의 라이프사이클은 생성되고 삭제될 때일어나는 다양한 단계 마운트(Mountion) constructor() : 생성될 때 호출 초기 상태 설정 및 이벤트 핸들러 등 초기화 render() : 컴포넌트가 ui 렌더링하는 메소드 componentDidMount() : 실제 DOM에 삽입된 후에 호출되는 메소드, 추가 데이터 로딩이나 외부 리소스 요청 업데이트(.. 공감수 0 댓글수 0 2023. 12. 11.
20231127 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] react 강의 2개 [✅] dart 강의 2개 [✅] 옵시디언 정리 배운 점 1. 사용자 인터페이스 정의 사용자 인터페이스 (UI, User Interface)는 사용자와 컴퓨터 간의 상호 작용을 가능하게 하는 시스템의 일부로 UI는 사용자가 소프트웨어, 웹사이트, 애플리케이션 또는 기타 디지털 기기와 상호 작용하는 방법을 제공 그래픽 사용자 인터페이스(GUI) / 텍스트 기반 사용자 인터페이스 (TUI) 등이 있다 UX(사용자 경험) 사용자 인터페이스는 일관성 있고 사용자가 직관적으로 이해할 수 있는 디자인을 가져야 한다. 사용자 경험은 UI를 통해 제공되는 전반적인 사용자의 만족도와 편의성을 나타낸다 2. react를 사용하는 이유 사용자.. 공감수 0 댓글수 0 2023. 11. 27.
20231122 TIL Today 요약 [✅] 프로그래머스 2문제 [✅] js 공부 배운 점 1. js localeCompare 문자열과 문자열을 비교하고 정렬 순서에 따른 비교를 할 수 있다 string.localeCompare(compareString) string.localeCompare(compareString [, locales [, options]]) compareString 비교할 대상 문자열 locales (선택) : 비교에 사용할 지역 또는 언어를 나타내는 문자열 또는 문자열 배열 매개변수를 지정하지 않으면 기본적으로 현재 로케일이 사용된다 options (선택) : 비교에 대한 추가 옵션을 정의하는 객체이다 0보다 작은 값 : 현재 문자열이 compareString보다 앞에 온다 0 : 두 문자열이 동일 0보.. 공감수 1 댓글수 2 2023. 11. 22.
20231115 TIL Today 요약 [✅] 프로그래머스 코딩테스트 1문제 [✅] js 강의 1시간 배운 점 1. Js LocalStorage javaScript 로컬스토리지 localStorage 1. Js LocalStorage 웹 브라우저에 제공하는 웹 스토리지 솔루션 중 하나로 데이터를 저장하는 데 사용된다 세션 스토리지와 달리 영구적으로 데이터를 보존할 수 있음 (브라우저를 닫아도 유지) 로 252-archive.tistory.com 2. JSON javaScript JSON (JavaScript Object Notaion) JSON JSON - JavaScript | MDN The JSON namespace object contains static methods for parsing values from and c.. 공감수 0 댓글수 0 2023. 11. 15.
20231113 TIL Today 요약 [✅] 프로그래머스 코딩테스트 1문제 [✅] js 강의 1개 반 [✅] dart 기초 강의 1개 배운 점 1. js 1-1 keypress, keydown, keyup 차이 keydown 키보드의 키가 눌렸을 때 발생 키가 누른채로 유지되는 동안 반복 발생 Shift, Alt, Control과 같은 물리적인 키에 대한 정보 제공 event.key 속성을 사용해 확인할 수 있다 document.addEventListener('keydown', function(event) { console.log('키 눌림:', event.key); }); keypress 문자입력(출력 가능한 문자)를 추적하기 위해 설계 keydown과 유사하지만 문자가 아닌 키는 트리거하지 않는다 문자 입력에 대한 이벤트.. 공감수 0 댓글수 0 2023. 11. 13.
20231110 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] FE 강의 1시간 반 배운 점 1. Fetch API 1-1 Get fetch('https://api.example.com/data') .then(response => { // 응답이 성공적으로 받아졌는지 확인 if (!response.ok) { throw new Error('Network response was not ok'); } // JSON 형태로 파싱하여 반환 return response.json(); }) .then(data => { // 처리된 데이터 사용 console.log(data); }) .catch(error => { // 오류 처리 console.error('Error:', error); }); 1-2 Post fetch.. 공감수 0 댓글수 0 2023. 11. 10.
20231109 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] js 강의 1시간 배운 점 1. javaScript 복습 1-1 console.dir 콘솔 객체인 console을 사용하여 객ㅊ체를 출력할 때 객체의 속성 및 값들을 표시, 나열하기 위한 메서드 트리구조 : 중첩된 객체 및 배열의 내용을 트리 구조로 표시 브라우저 , Node.js 환경에서 사용 가능 const myObject = { name: "John", age: 30, city: "New York" }; console.dir(myObject); console: dir() method - Web APIs | MDN The method console.dir() displays an interactive list of the properties.. 공감수 0 댓글수 2 2023. 11. 9.
20231106 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] React 강의 3개 [✅] dart 강의 1개 배운 점 1. js 1-1 최대 공약수 let getGCD = (num1, num2) => { let gcd = 1; for(let i=2; i{ let lcm = 1; while(true){ if((lcm % num1 == 0) && (lcm % num2 == 0)){ break; } lcm++; } return lcm } 1-3 유클리드 호제법 function solution(num1, num2) { const gcd = (a, b) => a % b === 0 ? b : gcd(b, a % b); const lcm = (a, b) => a * b / gcd(a, b); return [gcd(n.. 공감수 0 댓글수 0 2023. 11. 6.
20231103 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] dart 기초 강의 14개 배운 점 1. dart 1-1 StringBuffer class 문자열을 효율적으로 연결하기 위한 클래스이다 메소드를 사용해 문자열을 점진적으로 빌드 할 수 있음 final buffer = StringBuffer('DART'); print(buffer.length); // 4 StringBuffer class - dart:core library - Dart API A class for concatenating strings efficiently. Allows for the incremental building of a string using write*() methods. The strings are concatena.. 공감수 0 댓글수 0 2023. 11. 3.
20231102 TIL Today 요약 [✅] 프로그래머스 코딩테스트 3문제 [✅] dart 강의 7개 [✅] react 강의 1개 [✅] flutter 강의 2개 배운 점 1. dart 1-1 dart num 키워드 num 키워드는 number의 약자로 숫자 관련 데이터 타입을 모두 저장 할 수 있다. int, double 데이터 모두 저장 가능 2. flutter 2-1 provider 단순화된 자원 할당/폐기 지연로딩 매번 새로운 클래스를 만드는 것보다 상용구가 크게 줄어든다 InheritedWidget을 감싸 더 쉽게 사용하고 재사용 가능 사용 앱에 많은 것을 제공하고 어디서나 열람할 수 있게 해준다 provider 유형 Provider 가장 기본적인 형태의 공급자. 값이 무엇이든 간에 값을 가져와 공개한다 Liste.. 공감수 0 댓글수 0 2023. 11. 2.
20231101 TIL Today 요약 [✅] 프로그래머스 코딩테스트 3문제 [✅] flutter 강의 2개 [✅] React 기초 강의 4개 [✅] flutter 코드챌린지 dark 모드 배운 점 1. javaScript 1-1 진수 변환 # 2진수>10진수 변환 var num = "1111011"; var c = parselnt(num, 2); //"123" # 10진수>2진수 변환 var num = 123; var c = num.toString(2); //"1111011" 1-2 문자열 replace() # 0인 텍스트를 모두 제거하고 싶을 때 문자열.replace(/0/g,""); 1-3 reduce 복습 javaScript reduce 알아보기 Array.prototype.reduce() reduce()메서드는 배열의.. 공감수 0 댓글수 1 2023. 11. 1.
20231030 TIL Today 요약 [✅] 프로그래머스 코딩테스트 3문제 [✅] dart 강의 11~15 5강 [✅] flutter 강의 2강 [] 옵시디언 정리 배운 점 1. javascript 1-1 for문과 forEach 차이 동기(sync), 비동기(async)의 차이 : for는 동기방식이기에 for문 안에 오류가 나면 위치 이후의 작업이 동작하지 않고 멈춰버린다. 하지만 forEach문은 비동기 방식이기 때문에 멈추지 않고 동작한다 forEach문은 "향상된 for문"이라고 칭하며, 가변적인 배열이나 리스트 크기를 구할 필요 없어 복잡한 반복문에 적합하며, 인덱스를 생성하여 접근하는 for문보다 수행속도가 빠르다 단점 : 반복문 내에서 배열이나 리스트 값을 변경하거나 추가할 수 없고, 배열을 역순으로 탐색할 수.. 공감수 0 댓글수 1 2023. 10. 30.
20231028 TIL :: 오랜만에 빡공하는 주말 Today 요약 [✅] 프로그래머스 코딩테스트 1문제 [✅] leet code 코딩테스트 1문제 [✅] Do it 책 개념 공부 (100 ~ 114) [✅] 옵시디언 정리 배운 점 1) js 괄호 코딩테스트 문제들 javascript 괄호 문자열 짝 맞추기 문제 랜덤한 괄호 문자열이 주어질 때 서로 짝지어서 올바른 괄호 문자열이면 true 아니면 false 나의 풀이 1 (런타임 오류) while(s.includes('()')) { s = s.replaceAll("()", ''); } return s.length == 0 ? true : false; inc 252-archive.tistory.com javascript 괄호 일치 문제 해결하기 ("(){}[]") 문제 주어진 문자열 s에 포함된 괄호 문자.. 공감수 0 댓글수 0 2023. 10. 28.
20231027 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] Do it 플러터 다트 ~100P [✅] 옵시디언 정리 배운 점 1. JavaScript 1. 유클리드 호제법 2개의 자연수 또는 최대공약수를 구하는 알고리즘의 하나이다 호제법 ? 두 수가 서로 상대방 수를 나누어 결국 원하는 수를 얻는 알고리즘을 나타내며, 2개의 자연수 a, b에 대해 a를 b로 나눈 나머지를 r이라 하면 a와 b의 최대공약수는 b와 r의 최대공약수와 같다 알고리즘 입력으로 두 수 m,n (m > n)이 들어온다 n 이 0이라면 m을 출력하고 알고리즘 종료 m이 n으로 나누어 떨어지면 n을 출력하고 알고리즘 종료 그렇지 않으면 m을 n으로 나눈 나머지를 새롭게 m에 대입하고 m과 n을 바꾼후 다시 나누어 떨어지는 지 확인 p.. 공감수 0 댓글수 1 2023. 10. 27.
20231026 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] flutter 강의 3강 [] 옵시디언 정리겸 복습 [✅] 깃 강의 5강 배운 점 1. flutter 1-1 go, push 차이 context.go(); context.push(); push : 데이터 등을 스택 위에 추가하는 것으로 뒤로가기 버튼을 통해 뒤로 갈 수 있다 (pop 사용 가능) go : 말 그대로 그 경로로 이동하는 것, 경로가 바뀌고 기존 스택에 추가하는 게 아닌 스택 자체를 교체하는 것 1-2 GoRouter 페이지 관리 initialLocation : 초기위치 지정할 수 있음 // GoRouter 구성 final _router = GoRouter ( initialLocation : '/' , Routes : [ GoRou.. 공감수 0 댓글수 1 2023. 10. 26.
20231025 TIL :: JSX / flutter Today 요약 [✅] 프로그래머스 코딩테스트 1문제 [] 옵시디언 정리 > 집에서 복습 할 것 [✅] React 강의 3강 [✅]flutter 강의 3강 배운 점 1. React 기초 복습 1-1 JSX JSX와 React는 서로 다른 두 가지이다. 함께 사용되는 경우가 많지만, 서로 독립적으로 사용할 수도 있다 JSX는 구문 확장이고 React는 Javascript 라이브러리이다 라이브러리란 ? 소프트웨어를 개발할 때 프로그램이 사용하는 비휘발성 자원의 모임. 즉 특정 기능을 모아둔 코드, 함수들의 집합이며 코드 작성시 활용 가능한 도구들을 의미한다 예) npm 모듈 / JQuery / STL 2. Flutter 2-1 가로 세로 모드(IOS) ios > Runner > Info.plist UIInt.. 공감수 0 댓글수 0 2023. 10. 25.
20231024 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] 깃 강의 3강 [✅] react 강의 4강 배운 점 1) Math min, max 문자열도 사용 가능하다 "1","2","3" .. react native만 하다가 react 가끔 작업을 했었는데 다시 기초부터 차근차근히 밟는중.. ! 공감수 0 댓글수 0 2023. 10. 24.
20231023 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] leetcode 1문제 [✅] 깃강의 3개 [] 옵시디언 정리하며 복습 배운 점 1) js 정규식 표현 알고는 있지만 매번 헷갈리는 표현 .. 다시 복습차원으로 공부 1-1 구문 /pattern/flags new RegExp(pattern[, flags]) RegExp(pattern[, flags]) 1-2 매개변수 flags g (global 전역판별) : 처음 일치에서 중단하지 않고, 문자열 전체 판별 i (ignore case 대소문자 무시) : u 플래그까지 활성화 된 경우, Unicode 대소문자 폴딩을 사용한다 m (multiline 여러줄) : 시작과 끝 문자 (^과 $)가 여러줄에 걸쳐 동작한다 s ("dotAll") : .이 줄.. 공감수 1 댓글수 1 2023. 10. 23.
20231020 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] 옵시디언 정리 [✅] 깃 강의 복습 3개 / 5개 배운 점 1) Number.isInteger() 주어진 값이 정수인지 판별하는 것 function fits(x, y) { if (Number.isInteger(y / x)) { return 'Fits!'; } return 'Does NOT fit!'; } console.log(fits(5, 10)); // Expected output: "Fits!" console.log(fits(5, 11)); // Expected output: "Does NOT fit!" Number.isInteger() - JavaScript | MDN Number.isInteger() 메서드는 주어진 값이 정수인지 판별합.. 공감수 0 댓글수 0 2023. 10. 20.
20231018 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 [✅] 자바스크립트 기초 강의 7강 [✅] 옵시디언 정리 [✅] 깃강의 3개 나름 열심히 채워져 나가는구만 자바스크립트 문제를 보다가 갑자기 기초부터 더 탄탄히 다져야겠다는 생각이 들어 오늘은 용어 정리하면서 강의 봄 공감수 0 댓글수 0 2023. 10. 18.
20231017 TIL Today 요약 [✅] 프로그래머스 코딩테스트 2문제 풀기 [✅] 옵시디언 정리하기 [✅] 깃 업로드 배운 점 1) flutter Android Studio Lint 관련 워닝 무시 analysis_options.yaml rules: prefer_const_constructors: false avoid_print: false prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false 공감수 0 댓글수 0 2023. 10. 18.
20231004 TIL Today 요약 [✅] leetCode 코딩테스트 1문제 [✅] 프로그래머스 코딩테스트 1문제 [✅] dart 강의 2개 [✅] 옵시디언 정리 [✅] flutter 강의 4개 배운 점 1) dart type 확인 방법 String text = "hi~ dart ~ "; print(text.runtimeType); // text data type 정보를 가지고 옴 // result : String 2) 앱 상태에 따라 camera 변경 flutter camara 패키지 AppLifecycleState 앱 상태 확인 WidgetBindingObserver class _Screen extends State with WidgetsBindingObserver { @override void initState() {.. 공감수 0 댓글수 0 2023. 10. 4.
20230927 TIL Today 요약 [✅] leetcode 문제 1문제 [✅] 프로그래머스 코딩테스트 1문제 [✅] flutter 강의 2개 Problems - LeetCode Boost your coding interview skills and confidence by practicing real interview questions with LeetCode. Our platform offers a range of essential problems for practice, as well as the latest questions being asked by top-tier companies. leetcode.com 배운 점 1) Flutter 갤러리 저장 flutter gallery_saver 사용하여 갤러리에 사진 저장하기.. 공감수 0 댓글수 0 2023. 9. 27.
20230925 TIL Today 요약 [✅] 프로그래머스 1문제 [✅] flutter 위젯 2개 배운점 1) flutter AnimatedOpacity Flutter AnimatedOpacity class AnimatedOpacity class - widgets library - Dart API Animated version of Opacity which automatically transitions the child's opacity over a given duration whenever the given opacity changes. Animating an opacity is relatively expensive because it requires pa 252-archive.tistory.com 2) flutter Vis.. 공감수 0 댓글수 0 2023. 9. 25.
20230919 TIL Today 요약 [✅] flutter 강의 1개 [✅] dart 강의 11강 1개 [✅] 프로그래머스 코딩테스트 1문제 배운 점 1. flutter camera 비디오 녹화후 프리뷰 확인하기 await _cameraController.prepareForVideoRecording(); Future _startRecording(TapDownDetails _) async { if (_cameraController.value.isRecordingVideo) return; await _cameraController.startVideoRecording(); } Future _stopRecording() async { if (!_cameraController.value.isRecordingVideo) return; .. 공감수 0 댓글수 0 2023. 9. 19.

문의안내

티스토리
로그인
고객센터

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