분류 전체보기 192

[🔖실습01] 로그인 페이지 만들기 연습 + click시 toggle

🔖 미해결 건 #221027 로그인 페이지 연습하기 그런데 등록 페이지로 넘어가지 않는다. See the Pen Untitled by Emma-Hyejin (@Emma-Hyejin) on CodePen. ▶ 해결 방법 : https://stackoverflow.com/questions/52384228/javascript-animate-toggle-for-3-forms Javascript Animate Toggle for 3 forms At the moment I have 2 forms. Login form and Registration form. I use Javascript Toggle to switch between them. But now I want to add a 3th form. How can..

줍줍 지식 : 프론트 엔드로 신입 들어가기 위해서는 어디 수준까지 준비해야 할까.

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

📍네트워크 정리 중인데 재료는 인터넷에서 쥽쥽띠

📍네트워크 CS 전공은 정리하면 할 수록 토나올 것 같음... 하긴 이공계 전공을 미쳤다고 6개월만에 독파하겠다고 마음 먹은 내가 미친 거지만,, 어떻게 하나.. 해야지... ㅠㅠ 하루 10시간 돌리면 그래도 CS 전공 아는 척은 할 수 있지 않을까요...?🤣 #모두의 네트워크 네트워크 : 두 대 이상의 컴퓨터가 연결 되어 있는 구조 - 데이터(파일)을 보낼 수 있음. 인터넷 : 전 세계의 큰 네트워크부터 작은 네트워크까지 연결하는 거대한 네트워크를 의미 패킷(packet) : 네트워크를 통해 전송되는 데이터의 작은 조각 ( 일종의 데이터를 전달하는 택배 ) - 큰 데이터를 통째로 보내게 되면 큰 데이터가 네트워크의 대역폭을 너무 많이 차지(점유)해서 다른 패킷의 흐름을 막을 위험이 있으므로 패킷 단위로..

[JS] 짝수 구하기 :

❌ 아직 해결되지 않은 궁금증이 있는 게시물 문제 설명 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. # 내가 처음 짠 코드 function solution(n) { var sum = 0; for( let i = 1; i v % 2 === 0) .reduce((acc, cur) => acc + cur, 0); } ❌아니 슨생님.. 이건 뭐쥬,,,, ✔️사용한 함수 ① Math.floor( ) 소수점 이하 버리기 ② (3) 코드 관련 - .fill () / .map() / .filter ( ) / .reduce( ) ✳️참고 링크 :

❌ [JS] 각도기 : filter( )

❌ 아직 해결되지 않은 궁금증이 있는 게시물 문제 설명 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. # 내가 처음 짠 코드 function solution(angle) { if(angle>0 && angle 90 && angle < 180){ return 3; } else if (angle == 180){ return 4; } } # 다른 사람들의 번..

[JS 기초문법] roadmap 따라가는 여기는" Variables " 정리 파트!!💪

@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에서 다루고 있는 변수에 대해 알아보기 전에 우선 " 변수 " 란 무엇인지 정의해봅시다. 🔆변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 위의..

[JS 기초문법] roadmap 따라가는 여기는" Basic " 정리 파트!!💪

@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 에 대해 알..

왜 JavaScript에서 ES6(ECMA2015) 가 중심일까?

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

JS 기초 문법 순서 - Study roadmap

인스타에서 찾은 @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..