본문 바로가기

Front-End11

시맨틱 웹(Semantic Web)이란? 📀 시맨틱 웹(Semantic Web)이란? '의미론적인 웹'이라는 뜻으로, 컴퓨터가 사람을 대신하여 정보를 읽고 이해하고 가공하여 새로운 정보를 만들어 낼 수 있도록 이해하기 쉬운 의미를 가진 차세대 지능형 웹이다. 즉, 컴퓨터가 정보를 제공하기 위해 자체적으로 웹상의 정보를 탐색 및 수집하여 논리적으로 추론하는 정보처리 기능을 하고 있다. 인터넷 정보를 의미망으로 통합한 온톨로지(ontology) 형태로 이루어진다. 웹의 창시자인 팀 버너스리가 1998년 제안했고 현재 W3C에 의해 표준화 작업이 진행 중이다. (WWW의 확장판) HTML5에서는 태그 자체가 의미를 담고 있는 시맨틱 태그(Semantic Tags)들을 사용함으로써 더 효율적인 문서 형식을 만들도록 권장하고 있다. 🔥 시맨틱(Seman.. 2021. 11. 24.

Refactoring(리팩토링) 🗻 Refactoring(리팩토링)이란? 소프트웨어 공학에서 '결과의 변경 없이 코드의 구조를 재조정함'을 뜻한다. 다시 말해 읽기 좋고 관리하기 편하게 소스코드를 개선하는 것이다. (성능 최적화랑은 다르다!) 🗻 리팩토링의 원리 및 목적 소프트웨어를 보다 쉽게 이해할 수 있고, 겉으로 보이는 동작의 변화 없이 내부 구조를 변경하는 것이다. 리팩토링의 목적은 소프트웨어를 보다 이해하기 쉽고 수정하기 쉽도록 만드는 것이다. 🗻 리팩토링의 장점 코드 중복을 없애 가독성을 높이고 유지보수를 편하게 한다. 버그를 찾는 데 도움을 준다. 디자인을 개선하는 데 도움을 준다. 생산성을 증가시킨다. 본인은 그동안 들여쓰기 습관을 들이기 위해 리팩토링을 수작업했는데... 최근에 VSC의 prettier 기능으로 리팩토링.. 2021. 11. 21.

Frontend Framework(Library) 🌈 Angular 2010년 구글에서 개발한 SPA(Single Page Application) 방식의 Javascript Framework. TypeScript 기반으로 매우 안정적이고 탄탄한 프론트엔드 앱 개발이 가능하며 모바일 웹, 네이티브 모바일, 데스크탑 애플리케이션까지 프론트엔드 개발에 필요한 대부분의 기능을 갖추고 있다. Spring MVC와 굉장히 유사한 방식으로 프로그래밍이 진행된다. 💧 장점 Component 기반 기능에 따라 코드를 분리하고, 재사용 하는 것이 굉장히 쉽다. 양방향 바인딩 지원 웹페이지 속도 Angular로 만든 SPA는 다른 페이지로의 전환 속도가 굉장히 빠르다. TypeScript TypeScript를 기반으로 하기 때문에 엄격하지만 그만큼 직관적이고 오류를 줄일 .. 2021. 11. 21.

인증(Authentication) 🍑 인증(Authentication) 유저(User)의 identification을 확인하는 절차. 즉, 유저의 아이디와 비번을 확인하는 절차이다. 🍒 로그인 절차 User 아이디와 비번 생성. User의 비번을 암호화 해서 DB에 저장. User가 로그인 -> 아이디와 비밀번호 입력 User가 입력한 비밀번호를 암호화 한 후 암호화되서 DB에 저정된 유저 비밀번호와 비교함. 일치하면 로그인 성공! 로그인 성공하면 access token을 클라이언트에게 전송. User는 로그인 성공한 다음부터는 access token을 첨부해서 request를 서버에 전송함으로서 매번 로그인 하지 않아도 되게 한다. 🍒 유저 비밀번호 암호화 ❗️ 유저의 비밀번호는 절대 비밀번호 그대로 DB에 저장하지 않는다! DB가 해.. 2021. 11. 18.

인가(Authorization) 🍑 인가 인가(Authorization)는 유저가 요청하는 request를 실행할 수 있는 권한이 있는 유저인가를 확인하는 절차이다. 🍒 Authorization 절차 Authentication 절차를 통해 access token을 생성한다. access token에는 유저 정보를 확인할 수 있는 정보가 들어가 있어야 한다. (예를 들어 user id) 유저가 request를 보낼때 access token을 첨부해서 보낸다. 서버에서는 유저가 보낸 access token을 복호화한다. 복호화된 데이터를 통해 user id를 얻는다. user id를 사용해서 DB에서 해당 유저의 권한(permission)을 확인하다. 유저가 충분한 권한을 가지고 있으면 해당 요청을 처리한다. 유저가 권한을 가지고 있지 않.. 2021. 11. 18.

Self Refactoring Tip 🧷 console.log 지우기 테스트할때 사용한 console.log는 바로바로 지우자. 안 지우면 나중에 어떤 테스트에 쓰던 것인지 헷갈린다. 가독성을 해칠 수도 있다. 다른 팀원들을 위한 기본적인 배려 차원에서도 꼭 지우도록 할 것! 🧷 id명, class명, 함수의 이름에서 의미가 직관적으로 드러나게 작성할 것 코드는 쓰는 경우보다 읽히는 경우가 훨씬 더 많다! 개발자가 가장 힘들어하는 일 중 대표적인 것이 이름 짓기이다. 변수명은 해당 변수가 어떤 의미를 나타내고 있는지 명확하고 직관적으로 이해가 되도록 지어야 한다. 개발자가 보내는 시간 중 코드를 짜는 시간은 10%, 코드를 읽고 해석하는 시간이 90%라 한다. 내가 짠 코드를 미래의 내가, 협업하는 다른 팀원들이 읽기 쉽게 만드는 일은 ⚡가.. 2021. 11. 17.

이전 1 2 다음

티스토리툴바