감귤밭 호지차 농장

✅ 오늘의 줍줍 지식 ❗❗ 유튜버 닥코님의 프론트 엔드 개발자 취업/면접 을 위해서는 어디까지 공부해야 할까? 입니다! 🔻5: 29 주니어 신입으로써 취업을 위해서는 어디까지의 수준을 갖추어야 할까? 주니어와 시니어의 차이는 실무의 경험이 있느냐 없느냐의 차이 .. 나게끔 그만큼 지식을 탄탄히 준비해야 한다는 말씀이신듯 우리는 보통 취업을 위해 프로그래밍에 집중하는 경우가 많은데 전체적인 웹의 개념을 아는 것이 가장 중요합니다. 웹의 개념을 잘 잡고 있어야 내가 작성하는 프로그래밍이 어떤 식으로 돌아가는지 개념이 잡힙니다. 기초가 가장 중요 : HTML / CSS / JS 최대한 내 모든 것을 다해서 완벽하게 섭렵하는 것이 굉장히 중요합니다. 현재 구직 시장에서 프레임워크에 집중이 된 상태이다 보니 다들..

@code.foreveryone님의 JS roadmap중 오늘은 Variables 파트에 대해서 정리해보겠습니다!! 이번 " Variables " 파트에서 공부할 내용은 다음과 같습니다. 1. var / let /const 2. scope ( global, function, block ) 3. How lexical scope works? 4. Hoisting 5. Terminal Dead Zone @code.foreveryone님의 JS roadmap은 클릭띠! Ⅰ. var / let / const JS에서 다루고 있는 변수에 대해 알아보기 전에 우선 " 변수 " 란 무엇인지 정의해봅시다. 🔆변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 위의..

@code.foreveryone님의 JS roadmap중 오늘은 Basic 파트에 대해서 정리해보겠습니다!! 이번 정리할 때 아예 기초를 아주 그냥 콱콱 머리 속에 박아둔다는 느낌으로 정리및 공부 예정입니다! Basic 파트에서 공부할 내용은 다음과 같습니다. 1. ECMA script 2. JS versions 3. Static and dynamic Language (정적 타입 언어와 동적 타입 언어) 4. Get familiar about the places where JS in using. @code.foreveryone님의 JS roadmap은 클릭띠! Ⅰ. ECMAScript ECMA란 녀석에 대해 이해하기 위해 1) ECMA 인터내셔널 2) ECMA-262 3) ECMAScript 에 대해 알..

ES6은 현재 2022년 기준 최신 버전이 아님에도 불구하고 많은 기업에서 ES6을 강조하며 지원자들의 주요 자격으로 꼽는 것일까요?? 2022년 6월 ECMA2022가 최종 승인 되면서 ES13까지 나왔습니다. 다만, ES6은 ES5 이하 명세에서 문제가 되었던 부분들이 해결되었고 많은 기능들이 추가되면서, 가독성 유지보수성 향상으로 이어짐으로써 React나 Vue등의 유명 라이브러리들도 이에 맞추어 개발 환경을 ES6으로 바꾸게 되었던 것입니다. 아직까지도 인기가 많은 라이브러리들이 모두 ES6을 권장하고 있고 이로 인해 많은 개발자들이 많이 쓰고 있기 때문에 아직까지도 ES6이 중요시 하게 사용되고 있는게 아닐까 싶습니다.. 🔶ES6에서 지원하는 주요 기능들은 다음과 같습니다. 1. Class지원 ..

인스타에서 찾은 @code.foreveryone님의 javascript 추천 공부 roadmap입니다. Instagram에서 이 게시물 보기 Code.Abhijit || Web developer ||🎯10k(@code.foreveryone)님의 공유 게시물 💠Basic 👈 ECMA script JS versions Static and dynamic Language (정적 언어와 동적 언어) Get familiar about the places where JS in using 💠Running JS Script tag Link external file ( 외부 파일 링크 ) Browser console 💠Variables var / let / const scope (global, function, block..

▣ JavaScript 1. 모던 자바스크립트 : PoiemWeb 2. 3. 4. ▷▶DOM (Document Object Model) 1. PoiemWeb : DOM Part 2. 3. ▣ jQuery 1. [ 공식 ] jQuery API Documentation (라이브러리) 2. PoiemWeb : jQuery Part 3. jQuery 추가 한국어 설명 Page : Khan Academy 4. jQuery- animation [naverD2] 5. jQuery-easing Plugin 6. jQuery-easing Plugin 효과들 [GSGD] 7. 8.

◆ JS2 : MD-01 [ jQuery 란?, jQuery 적용하기, jQuery API, jQuery를 이용한 접히는 메뉴 바 ] ◆ JS2 : MD-02[ jQuery - animation효과, Easing Plugin] ◆ JS2 : MD-03 ◆ JS2 : MD-04 ◈ jQuery - animation 효과 ?? 왜 내 animate에서 left 움직이는 효과 내꺼는 왜 적용이 안 되지??? 참고 : naverD2 animation 효과를 html interface에서 사용하는 이유는, 그러한 작성이 사용자들에게 화면이 비주얼적으로 어떠한 효과를 나타내며 변하는지 보여주기 쉽기 때문이다. interface에 작성하는 것은 사용자가 제품의 작동 방식을 이해하는데 도움이 되는 방식으로 사용자가 i..

# STR 디자인 초안 1 1. main page 2. 설정 - 시간 설정 page 3. 로그인 page 4. 고객 센터 문의 page 5. 설정 - 태그 page, 설정 - 공부 기록 page

티스토리에서 폰트 사이즈 변경하기 무료 폰트를 구할 수 있는 " 눈누 " 사이트를 통해 티스토리의 폰트를 새롭게 단장할 수 있습니다. 제가 마음에 들었던 글씨체는 " 강원 체" 와 HBIOS-SYS 였습니다. 1. 강원체 #웹 폰트로 지정 @font-face { font-family: 'GangwonEdu_OTFBoldA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff'); font-weight: normal; font-style: normal; } 2. HBIOS-SYS #웹 폰트로 적용 @font-face { font-family: 'HBIOS-..

◆ JS2 : MD-01 [ jQuery 란?, jQuery 적용하기, jQuery API, jQuery를 이용한 접히는 메뉴 바 ] ◆ JS2 : MD-02 [ jQuery - animation효과, Easing Plugin] ◆ JS2 : MD-03 ◆ JS2 : MD-04 ◈ jQuery 란?? " 존 레식"쓰가 2006년에 발표한 크로스 플랫폼을 지원하는 경량의 자바스크립트 라이브러리입니다. HTML 문서의 탐색이나 조작, 이벤트 핸들링, 애니메이션, Ajax등을 멀티 브라우저를 지원하는 API를 통해 더욱 간편하게 사용할 수 있습니다. ▶ jQuery의 특징 1. 어떠한 브라우저에서도 동일하게 동작합니다. : 브라우저 호환성을 고려해서 대체 코드(Polyfill) 을 작성할 필요가 없다는 뜻입니..