전체 글13 프론트엔드 성능 최적화 웹 성능 최적화는 중요하다Why? 사용자 경험(UX) 향상 가입률, 전환율 향상 이탈율 감소→ 비즈니스 성과 ↑ 웹 성능 최적화는 크게 2가지 측면(로딩 성능, 렌더링 성능)을 고려한다로딩 성능다운로드해야 하는 리소스 수 줄이기 불필요한 리소스 제거, 최소화 필요한 리소스만 선택적으로 로드리소스 크기 줄이기 이미지 파일 크기 줄이고 최적화된 포맷 사용 텍스트 파일을 압축하여 전송 크기 줄이기코드 분할 필요한 시점에만 로드될 수 있도록리소스 우선순위 설정 중요한 리소스를 먼저 다운로드하여 주요 콘텐츠 빠르게 접근렌더링 성능자바스크립트 코드의 효율성 잘 작성된 코드는 화면 렌더링 속도를 높이고 사용자 상호작용을 원활하게 만듦이미지 사이즈 최적화 이미지 파일 크기를 줄여 로드 시간을 단축코드 .. 2024. 6. 6. Tensorflow 딥러닝 AI 공부하기 딥러닝(쓰임: 알파고, 구글 번역기, TTS 엔진, 코드 짜는 AI (Sketch2Code), 사진 보정 여부 판단 등) 머신러닝(컴퓨터에게 학습시키기 + 사람의 가이드 일정부분 필요) 중 딥러닝(컴퓨터가 알아서 체득)이라는 장르가 있음 문제에 대한 지식, 도메인 지식 필요 없이 딥러닝으로 풀 수 있는 문제들 多 뉴럴 네트워크(신경망)를 이용해 머신러닝을 진행(뇌신경망 본따 만든 머신러닝 알고리즘) → 딥러닝 딥러닝 매우 잘하는 분야 image classification, object detections sequence data 분석 & 예측 텐서플로우: 딥러닝 쉽게 구현할 수 있도록 해주는 파이썬 라이브리러(made by 구글 개발자들) 파이썬 3.X 64bit 버전 설치 (64 or x84-64) p.. 2024. 3. 24. Flutter로 앱 만들기 공부 하나의 코드베이스로 아이폰 & 안드로이드 앱 둘 다 만들 수 있는 플러터 웹 페이지, 윈도우 데스크탑 프로그램도 만들 수 있긴 함 Dart 언어 씀(JavaScript와 비슷) 레이아웃, 스타일, 기능개발 Dart 언어로 모두 가능 장점: 빠른 시간에 완성도 높은 결과물 만들 수 있다 세팅하기 Flutter SDK 다운 후 압축 풀기 안드로이드 스튜디오 설치(m1 맥북은 ARM), 설치 중 Virtual Device는 나중에 설치 plugin에서 Flutter 플러그인 설치 SDK Manager에서 SDK Tools에서 Android SDK Command-line Tools 설치 환경변수 등록 윈도우) 검색 - 시스템 환경 변수 편집 - 환경 변수 - Path 눌러서 편집 - 새로 만들기 - flutte.. 2024. 3. 24. Node.js 공부하기 서버 기능(DB입출력, 회원, 채팅, 검색, 파일업로드, 결제 기능) 구현하기 위해 배워야함 유저가 서버에게 데이터 요청하면, 서버(유저 부탁 들어주는 존재)는 유저에게 데이터 보냄 + 비슷한 코드 줄이고 모듈화, 스키마 정의 게시판 서비스 기능글 조회 수정 삭제회원채팅검색이미지 업로드배포 웹 브라우저는 자바스크립트(웹 페이지 기능 넣는 언어)를 실행시킴 자바스크립트 실행 엔진 중 구글이 만든 크롬의 'V8' 이걸 독립적인 실행 파일로 출시함 → node.js node.js는 non-blocking(비동기 처리: 어떤 작업이 완료될 때까지 기다리지 않고 다른 작업 수행)이라 성능 좋음 ex. 파일 입출력, 데이터베이스 연결 및 입출력이 비동기 함수로 되어있음 일반적인 서버는 CPU 성능 향상 or 쓰레드.. 2024. 3. 23. 이전 1 2 3 4 다음
