공부
-
웹 사이트 성능 최적화_ (feat. 해보진 않았지만 알아 본다.)공부 2023. 5. 19. 17:44
웹 사이트 성능 최적화 웹 사이트 성능 최적화.... 시니어 자격요건이나 우대사항에 나와 있는 그놈!!!! (❗ 내가 알고 어렴풋이 알고 있는 거(추측)라고는.... ) 1. 웹 사이트 성능 최적화는 로딩 속도와 관련된 게 아닐까? 👉 로딩 시간 몇 초 차이로 사이트 이탈률도 높아지니까 중요할 거 같다. 👉 구글에서는 최적 사용자 경험을 위해서는 3초 이하 페이지 로딩 시간 추천한다고 함 실제로 나도 몇 초 이상 기다리다가 사이트 나가버린 적이 많았지...😥 2. 그럼 코드의 양을 불필요하게 늘리면 안되겠구나! 코드를 최적화하자. 👉 내가 불필요하게 테스트한다고 적어놓고 주석처리 해놨던 코드들 👉 반복되는 코드들 👉 사용하지 않는 코드는 없애고, 반복되는 코드는 제거할 필요가 있겠다! 👉 리팩토링(코드 ..
-
-
API와 REST API공부/코딩용어 2023. 4. 12. 19:00
** API와 REST API ** 📍Interface 서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고받는 경우의 접점이나 경계면. 👉 서로 다른 두 개체 사이에서 상호작용을 가능하도록 하는 것 👉 사용자 - 컴퓨터 사이의 인터페이스는 키보드, 마우스 등을 통해 이루어진다. 👉 시스템 간의 인터페이스는 API를 통해 이루어진다. 📍UI (User Interface) 컴퓨터와 사람 간의 상호작용의 접점 👉 컴퓨터 또는 디바이스와 사람 간의 상호작용을 할 때 보는 시각적 요소 GUI 그래픽 사용자 인터페이스 : 그래픽을 사용해 사용자 - 컴퓨터 간 상호작용을 가능하게 하는 인터페이스 WUI 웹 기반 인터페이스 : 인터넷을 통해 제공되는 소프트웨어에서 사용자와 상호작용 시 웹 브라우저를 통해 제..
-
첫 코딩테스트 및 사전과제공부/코딩테스트 2023. 3. 29. 13:46
첫 코딩테스트(사전과제)를 진행하였다. 반응형 웹을 만드는 과제였는데, 당연히 알고 있던 부분이라 생각했는데 막상 만들어보니 반응형 프로젝트 당시에 고민했었던 부분이 다시금 고민거리로 떠올랐다. 경험과 센스의 영역이려나 싶다. 어찌됐든 퍼블리셔로 가게 되려면, 자격요건이나 우대사항에 반응형 웹 제작은 필수이니 고민했었던 부분을 해결할 수 있도록 공부와 연습이 필요할 것 같다. 1. 폰트 사이즈 (미디어쿼리로 처리는 둘째치고, 어떤 단위를 써야할까) 2. 뷰포트 사이즈 조정 시 넘어가는 영역을 어떻게 처리할까 + 질문이 생기면 그때그때 적극적으로 물어볼 것!
-
ChatGTP로 nav 메뉴 만들기공부 2023. 3. 2. 23:37
챗지피티 드디어 해봤다. 다들 해봤냐고 물어봐서 궁금했는데, 신기하긴 진짜 신기하다. 마크업 언어로 내비게이션 메뉴 만들어달라고 요청했더니 html, css를 이용해서 뚝딱 만들어줌 혹시 몰라 css 대신 sass로 만들어달라고 요청했더니, 친절하게 사용법까지 알려준다. 친구한테 농담삼아 내가 사장이었음 사람대신 20불 내고 챗지피티 쓴 다했는데...왠지 가능성이 없진 않을 듯싶고😥... 게임회사 다니는 지인도 써봤는데 본인이 만든 코드보다 더 깔끔하게 만들었다고..ㅎㅎㅎㅎ *오늘의 결론* 1. 챗지피티 신기하다. 2. 퍼블리싱 뚝딱일까? *챗지피티 사이트 https://openai.com/blog/chatgpt
-
프로그래머스 lv.0 2일차공부/코딩테스트 2023. 1. 12. 20:21
프로그래머스 lv.0 1. 숫자 비교하기 let solution = (num1,num2) => { let answer; if (num1==num2) { answer = 1; } else { answer = -1; } return answer; } 삼항연산자를 사용해서도 처리할 수 있다. function solution(num1, num2) { var answer = num1 === num2 ? 1 : -1; return answer; } *삼항연산자 if ~ else 조건문 대체로 많이 사용 condition ? exprIfTrue : exprIfFalse; 조건문 ? 참일 경우 : 거짓일 경우; //연결된 조건문은 아래 처럼 처리 function example(…) { return condition1 ..
-
라이브러리 vs 프레임워크공부/코딩용어 2023. 1. 10. 23:59
라이브러리와 프레임워크의 공통점과 장점 누군가 미리 작성해 둔 코드 개발 속도를 빠르게 만들어 준다. 브라우저에 내장된 문법은 아니다. (내장된 것은 바닐라 js) 라이브러리와 프레임워크의 단점 제작 시간이 빠른 대신, 계산할 것이 많아져 사이트가 무거워짐 (→ 일반 기업 사이트) 반대로 바닐라 js는 가볍기 때문에 로딩 속도가 빠르다 (→ 관공서 같은 사이트에서 많이 사용) 라이브러리와 프레임워크의 차이점 제어권이 누구에게 있느냐가 포인트 구분 라이브러리 프레임워크 제어권 나에게 있다 나에게 없다 교체 난이도 쉽다 어렵다 종류 jQuery, React ... BootStrap, React, Vue, Angular, Spring, Django... 라이브러리는 내가 구현하고 싶은 부분을 필요할 때 불러서..