본문 바로가기

분류 전체보기

리액트 개발자를 위한 서버사이드 렌더링 딥 다이브(SSR Deep Dive for React Developers) 본 게시물은 공부를 위해 아래 게시물을 손수 번역하며 작성한 게시물입니다.일부 오역, 의역이 있을 수 있습니다.https://www.developerway.com/posts/ssr-deep-dive-for-react-developers SSR Deep Dive for React DevelopersExplore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.www.developerway.com ※ SSR, 프리-렌더링, 하이드레이션, 그리.. 더보기
[Programmers] 백준허브 이미 풀었던 문제 등록 자동화 백준허브에 프로그래머스에서 이미 풀었던 문제를 올리기 까다로워서, 자동화 프로그램을 만들어보았다. 사용법은 다음과 같다.1. 프로그래머스 로그인2. 상단 메뉴 [코딩테스트] 클릭3. 필터링에서 "상태"에 "푼 문제" 체크4. 개발자도구 열기 (윈도우는 F12, 맥북은 cmd + shift + i)5. [콘솔] 탭 선택6. 아래 코드 붙여넣고 엔터7. 다될때까지 기다리기 async function waitForPageLoad(newPage) { return new Promise((resolve) => { const interval = setInterval(() => { if (newPage.document.readyState === 'complete') { .. 더보기
[BOJ] 백준허브 이미 풀었던 문제 등록 자동화 백준 허브를 뒤늦게 알아버린 1인.. 이미 1000문제 넘게 풀어서 언제 다 추가하지 했는데, 다행히 이미 풀었던 문제의 "내 제출" 페이지에 들어가면 자동으로 올려준다고 한다! 이를 이용해서 파이썬 자동화 코드를 짜보았다.import webbrowserimport timeuser_id = '' // 본인 아이디solved_problems = '' // 해결한 문제 목록 (공백으로 구분)delay_time = 0.3 // 간격 시간problem_arr = solved_problems.split(' ')for p in problem_arr: webbrowser.open_new(f'https://www.acmicpc.net/status?from_mine=1&problem_id={p}&user_id.. 더보기
[React] 개요 들어가며필자는 리액트를 공부중인 개발자 1인으로서, 공부하며 알게된 사실을 적어두었고 틀린 내용이 있을 수 있습니다. 지적, 조언 얼마든지 감사히 받아들이겠습니다.React란?메타(전 페이스북)에서 개발한 오픈소스 자바스크립트 라이브러리이다. 여기서 프레임워크가 아닌 라이브러리라는 사실을 이해하자. 간단하게 등장 배경을 설명하면, React는 JQuery, Angular의 시대를 거쳐 다음으로 인기를 얻게 된 프론트엔드 기술로, 이후 Vue, Svelte 등 개선된 기술들이 등장하긴 했지만 React에 비해 압도적인 이점이 없어 여전히 가장 많이 사랑받고 있다. SPA(Single Page Application)를 전제로 사용되며, Dirty Checking(상태 변경 검사)와 Virtual DOM(가상.. 더보기
[Flutter] [Windows] Flutter failed to write to a file at "C:\Users\<사용자명>\StudioProjects\<프로젝트명>\.flutter-plugins". The flutter tool cannot access the file or directory. 오늘은 아주 간단하지만 골때리는 트러블슈팅을 가져왔다. 바로 제목처럼 파일 권한 문제인데, 나같은 경우 Mac에선 괜찮다가 윈도우10에서 발생했다. MacOS나 Linux 라면 바로 chmod를 할텐데, 윈도라서 그것도 못하고... 폴더/파일 속성 들어가서 권한 확인해볼수야 있겠지만 대부분 원인은 거기에 있지 않다. 진짜 원인은 윈도우 디펜더 실시간 감시 때문이다... 실시간 감시를 끄고 flutter clean 그리고 dart pub get 한 후 실행하면 잘 되는 것을 확인할 수 있다... [실시간 감시 끄는법] 설정 - Windows 보안 - 바이러스 및 위협 방지 - 바이러스 및 위협 방지 설정 (설정 관리) - 실시간 보호 (끔으로 설정) 끝~! 더보기
[Flutter] Android Studio Ladybug에서 발생한 JDK Version 오류 회사에서 새로 지급받은 데스크톱에 플러터 세팅을 마치고, (flutter doctor -v까지 이상 없었음) 기존에 작업중이던 앱을 실행했는데 다음과 같은 에러가 발생했다.Execution failed for task ':connectivity_plus:compileDebugJavaWithJavac'. Could not resolve all files for configuration ':connectivity_plus:androidJdkImage'. > Failed to transform core-for-system-modules.jar to match attributes {artifactType=_internal_android_jdk_image, org.gradle.libraryelements=jar,.. 더보기
[UI/UX] 2. 안드로이드 (1) 1. 안드로이드란?구글에서 개발한 오픈소스 운영체제.삼성 갤럭시, A 시리즈, 노트시리즈, 폴드, 구글 픽셀 등에서 이용함. 서체: 로보토단위: DP, SP최소 크기: 48x48내장 네비게이션: 뒤로가기, 홈, 실행중인 앱 버튼을 기본으로 가짐메인 네비게이션: 상단에 위치. iOS와 비슷해져가는 추세보조 메뉴: 햄버거 메뉴(aka. Drawer)을 주로 사용버전: 첫 출시 2009년. 2014년 안드로이드 5.0 (롤리팝) 이후로 1년에 1씩 올라가는 중. 24년 10월 기준 현재 최신버전은 15. 1.1. Material Design구글에서 제공하는 사용자 인터페이스 디자인 가이드.안드로이드에서 사용되는 앱에 기반하지만 웹이나 다른 플랫폼에서도 사용 가능.디자이너에게만 제공하는게 아닌, 개발까지 반영된.. 더보기
[OPIc] IM 시리즈 정리 05 * 본 내용은 유튜브 오픽노잼 님의 강의 내용을 바탕으로 작성되었습니다.* 블로그 내용만 보는 것보단 영상을 함께 보시는 것을 무조건 추천합니다. ep. 21Non-time Comparison (IHU 14번)A에 대해B에 대해Conclusion>으로 말하는 전략은 앞에서도 얘기함. 문제는, 질문이 Comparison처럼 안들릴수도 있음.ex) Tell me about about parks that you know of.이래도 그냥 공통/차이점 으로 비교해야함. 비교 대상을 고를땐 너무 흔한 답변 피하기. ex. 설날vs추석 (X) 석가탄신일vs크리스마스 (O) ep.22Comparsion반대되는 점을 보여주는게 제일 쉽고 좋음.ex. 집    MP(현재) - 집.좋음.큼    과거 - 집.나쁨.작음  .. 더보기

티스토리툴바