web development5 [TS] 1. Why TS? 1. 타입 스크립트를 공부하는 이유? - more productive - type safety 2. type safety를 통해 얻을 수 있는 것? - minimize runtime error 3. type safety가 보장되지 않을 때? - JS는 굉장히 유연한 언어이기 때문에, 사용자(개발자)에게 에러를 보여주지 않기 위해서 매우 노력함 - 그래서 아예 잘못된 연산에 대해 오류를 보여주지 않아서, 잘못을 시정할 기회가 없어짐. - Runtime error: 프로그램이 실행 중에 발생하는 오류. 즉, 코드가 실행되는 도중에만 일어나며, 개발자가 예상하지 못한 상황 대문에 발생함. 2024. 4. 8. SEO 효과를 높이기 위한 개발자의 접근과 시행착오 (1): 📍사이트맵 (sitemap.xml)의 동적 생성 SEO 효과를 높이기 위한 개발자의 접근과 시행착오 (2): 사이트맵 (sitemap.xml)의 동적 생성 사이트맵 적용을 위해 공부한 내용과 프로젝트 적용 과정을 정리한 것입니다. 잘못된 정보가 있을 경우, 댓글로 알려주세요! 📍사이트맵(Sitemap.xml)이란? - 사이트맵은 검색 엔진이 웹사이트의 페이지를 더 잘 이해하고 크롤링할 수 있도록 도와주는 파일이다. - 보통 기술적(Technical) SEO 영역에 속한다고 본다. - 기본적으로 XML 형식을 사용하여 다음과 같이 작성한다. http://www.example.com/ 2022-01-01 daily 1.0 http://www.example.com/about 2022-01-10 monthly 0.8 - 특정 페이지의 사이트맵을 확인하고 싶다.. 2024. 3. 4. meta name="csrf-param" 태그는 뭘까? meta name="csrf-param" 태그는 뭘까? SEO를 잘 활용한 웹사이트들을 스터디하면서 우리 회사 페이지에 벤치마킹하는 작업을 하고 있다. 오늘은 당근의 태그들을 구경하면서 처음 보는 태그가 나와서 정리해본다. 해당 태그는 아래와 같다. 1. CSRF란? csrf는 Cross-Site-Request-Forgery의 줄임말로 사용자가 서버에 의도하지 않은 공격을 하게 되는 위조 요청의 줄임말이다. 위키피디아의 CSRF의 설명은 다음과 같다. Cross-site request forgery, also known as one-click attack or session riding and abbreviated as CSRF (sometimes pronounced sea-surf) or XSRF, i.. 2024. 2. 12. [next.js] next.js에서 환경 변수 사용하는 방법 next.js(React)에서 환경 변수 사용하는 방법 `환경 변수`는 API키와 같은 민감한 정보 = 리모트에 올라가서 공유되면 안되는 정보를 코드베이스에 직접 포함시키지 않고 사용할 수 있도록 해주는 설정이다. 보안을 강화하는 동시에, 또한 값이 변경될 경우에 변경이 용이해 유지 보수에도 좋아서 반드시 사용법을 알고 있는 것이 좋다. 환경 변수 할당하는 방법 사용할 환경 변수를 `.env` 파일에 - React의 경우,`REACT_APP_` 접두사를 사용하여 할당한다. - Next.js의 경우, `NEXT_PUBLIC_` 접두사를 사용하여 할당한다. REACT_APP_API_KEY = YOUR_API_KEY NEXT_PUBLIC_API_KEY = YOUR_APY_KEY 환경 변수 사용하는 방법 환경변.. 2024. 1. 18. [JS] 0. 자바스크립트란? 이 포스팅은 자바스크립트 강의를 들으며 복습한 내용을 정리한 것입니다. JavaScript 자바스크립트란? 브라우저에서 동작하는 프로그래밍 언어 현재는 Node.js를 통해 브라우저 외의 환경에서도 동작시킬 수 있음 Node.js 구글 V8 JS 엔진으로 빌드된 JS runtime environment 브라우저의 JS engine에서만 동작하던 JS를 브라우저 이외의 환경에서도 동작할 수 있도록 JS engine을 독립 HTML, CSS와 함께 웹을 구성하는 요소 중 하나 웹 브라우저에서 동작하는 유일한 프로그래밍 언어 가볍고, 번역되는, 실시간 적용의 1급 함수 기능 웹페이지를 위한 언어이지만, 브라우저가 아닌 컴퓨터 환경에서도 사용이 가능 (Node.js, Apache, CouchDB, Adobe A.. 2024. 1. 5. 이전 1 다음
