반응형

전체 글 87

자바스크립트의 함수

자바스크립트 함수는 객체이다. 자바스크립트에서는 함수도 객체이기 때문에 다른 객체처럼 변수에 할당할 수 있고, 함수에 매개변수로 넘길 수도 있다. 따라서 함수도 호이스팅(Hoisting)의 대상이다. 함수를 나타내는 방법 - 함수 선언문 vs 함수표현식 1. 함수 선언문 보통 다른 언어에서 쓰는 것 처럼 쓰는 방식. 함수 선언문이 호이스팅의 대상이다. ('선언'이기 때문이라고 생각하면 이해가 쉽다.) function sayHello() { console.log("Hello world!"); } 2. 함수 표현식 변수에 (익명)함수를 할당하는 방식 함수표현식의 장점으로는 콜백으로 사용할 수 있다는 점과 클로져로 사용할 수 있다는 점이 있다. const sayHello = () => { console.log..

발표 스터디 2022.04.04

브라우저에서 화면이 그려지는 원리

브라우저를 구성하고 있는 요소 렌더링 엔진의 동작 원리 파싱 - HTML 파싱 HTML 파서의 특징 1. 오류에 너그럽다. HTML Tag가 정확하게 쓰여있지 않더라도 브라우저가 자체적으로 수정하여 에러를 제거한다. 2. 파싱 과정이 중단될 수 있다. 외부 태그 (, 등) 를 만나면 파싱을 중단하고 외부 소스를 모두 다운로드하고 해석한 후 다시 시작한다. 3. 파싱이 재 시작된다. 파싱이 중단되면 처음부터 다시 파싱 과정을 거친다. 따라서 파싱을 반복적으로 재시작할 경우 파싱 시간이 오래걸릴 수 있다. 파싱 - CSS 파싱 렌더트리 구축 랜더트리란 DOM 트리와 CSS DOM트리를 조합하여 화면에 어떤 요소들이 나타나야하고, 숨겨져야 하는지를 반영한 트리다. 레이아웃 레이아웃은 노드들의 크기, 위치, 레..

발표 스터디 2022.04.04

발표 실력 향상을 위한 스터디

💬 스터디 소개 📍 인원 : 야리니 , 깽 , 연 , 광 , 로 📍 방식 : 2개 조로 나누어 매주 온라인으로 모여 10분내외로 발표한다. 각자는 2주에 한 번 발표하는 것. 📍 목표 발표 스킬 향상 면접 스킬 향상 알긴 아는데 설명하긴 어려웠던 것 설명해보는 기회를 가짐 💬 스터디 기록 📍 2022.03.08 (1회차) 깽 : DNS 개요 야리니 : 이벤트루프와 Promise 📍 2022.03.15 (2회차) 연 : 웹이란? 광 : 2022년 UX트렌드 📍 2022.03.22 (3회차) 깽 : 쿠키, 세션, JWT 야리니 : 버블링과 캡쳐링 📍 2022.03.29 (4회차) 연 : 웹서버와 WAS의 차이점 광 : Information Architecture 📍 2022.04.04 (5회차) - 로 합류..

발표 스터디 2022.04.04

flutter - 앱 아이콘 변경하기

https://appicon.co/ 에서 아이콘으로 만들 이미지들을 형식에 맞게 변환한다. 안드로이드 android > app > src > main > res 아래에 다음과 같이 폴더를 넣어준다. IOS ios > Runner Assets.xcassets 폴더를 전체 다 바꾸어준다. 앱 아이콘 스타일 바꾸기 1. 프로젝트명 오른쪽 클릭 > Flutter > Open Android module in Android Studio 2. 그 다음 new window를 클릭 3. 새로운 창에서 기다리면 아래와같이 폴더들이 나오는데, app > res 오른쪽 클릭 > New > Image Asset 4. 초기 화면에는 안드로이드 아이콘이 그려져있다. 그걸 내 아이콘 이미지로 바꾸어준다. 나같은 경우엔 그냥 down..

Cannot find module 'node-sass' 에러 해결 ! (간단!)

잘 되던게 갑자기 안될 경우가 있지 않은가? 나의 경우에도 늘 잘 되던게... 갑자기 css가 깨져보이는 현상이 나타났다. 도대체 왜...?? 알고보니 node-sass 가 제대로 적용이 안되어서 그랬던 것 같다. 해결은 간단! Error: Cannot find module 'node-sass' Require stack: - C:\dev\aitutor-m\node_modules\rollup-plugin-scss\index.cjs.js - C:\dev\aitutor-m\rollup.config.js - C:\dev\aitutor-m\node_modules\rollup\dist\shared\loadConfigFile.js - C:\dev\aitutor-m\node_modules\rollup\dist\bin\..

프론트엔드 2022.02.08

내가 보려고 정리한 플러터 개발에 유용한 단축키, 웹사이트

단축키 alt + Enter : 해당 위젯을 Padding, Center 위젯 등으로 감싸기 ctrl + Q : quick docs 유용한 웹사이트 https://draw.io : 프로토타입 스케치 https://appicon.co/ : 앱 아이콘 제너레이터 http://icons8.com/ : 무료로 아이콘 만드는 곳 https://www.vecteezy.com/ : 무료 이미지, 아이콘 사이트 https://www.canva.com/ko_kr/ : 미리캔버스 같은 곳 https://fonts.google.com :구글 무료 폰트 다운로드 https://material.io/tools/icons/ : material 아이콘들 찾기 https://materialpalette.com : 컬러 팔레트 및 아..

HTTP API 설계 예시

HTTP API 설계 예1) 회원 관리 시스템 - POST 기반 -> 서버가 리소스를 관리함 -> Collection -> 실무는 대부분 POST기반 관리함 예2) 파일 관리 시스템 - PUT 기반 파일 목록 /files -> GET 파일 조회 /files/{filename} -> GET 파일 등록 /files/{filename} -> PUT 파일 삭제 /files/{filename} -> DELETE -> 클라이언트가 리소스를 알고있고 관리함 -> Store 예3) 리소스만으로 설계할 수 없는 경우 (실무 대부분임) /order/updateStatus /order/updateDelivery -> 동사를 사용하여 하나의 리소스에서 하나의 uri로만 할 수 없는 경우 -> controller 출처 : BY..

HTTP 기본 2022.01.09

HTTP 메서드

좋은 URL의 설계란.... 우선 리소스를 식별하라! & 리소스와 행위를 분리 회원 목록 조회, 회원 조회, 회원 등록, 회원 수정, 회원 삭제 API를 설계한다고 가정하면... 보통은 /retrieveMember /retrieveMemberById /updateMember /deleteMember 이렇게 설계한다. 리소스(멤버)와 행위(조회, 등록, 수정, 삭제)를 분리하는 것이 좋음. HTTP 메서드의 종류 GET / POST / PUT / PATCH / DELETE - GET : 쿼리스트링으로 리소스 조회 - POST : ..거의 대부분의 많은 요청들... - PUT : 기존 리소스를 완전히 대체 (없으면 생성). POST의 차이 : 클라이언트가 리소스의 위치를 정확하게 알고있음. - PATCH :..

HTTP 기본 2022.01.09

HTTP 기본

HTTP : Hyper Text Transfer Protocol * 모든것을 http로 전송한다. JSON...TEXT...이미지... HTML...등등 모든것! HTTP 특징 1. 클라이언트 - 서버 구조 2. Stateless : 서버가 클라이언트의 상태를 보존하지 않는다. 따라서 중간에 서버가 어떻게 바뀌거나 추가해도 동일한 응답을 줄 수 있다. 상태가 보존된다면, 중간에 다른 서버로 요청하면 장애가 나는 것... 스케일아웃에 유리함. but... 상태를 유지해야하는 경우가 생긴다. ex) 로그인 3. 비연결성 : 서버 자원을 효율적으로 사용할 수 있음 요청하고 응답하면 연결이 끝! but... 연결을 새로 맺어야 함. css, js, 이미지 등 많은 자원을 계속 다운로드 해야함 그래서 HTTP지속..

HTTP 기본 2022.01.09
반응형