분류 전체보기

🪄AZKABAN🦉 👇서비스 링크👇 ID : aaa PW : bbb (전체화면은 F11키를 누르시면 됩니다.) 👻아즈카반 아즈카반은 해리포터 시리즈에서 등장한 마법사들의 감옥으로 영국 북해 어딘가에 있다고 전해집니다. 아즈카반은 원래부터 감옥은 아니었고, 오래전에 어둠의 마법사인 에크리즈디스가 살던 탑입니다. 그를 디멘터라는 종족이 따르게 되면서 아즈카반은 디멘터로 가득 차게 됩니다. 그리고 그가 죽고 난 후 감옥으로 사용하게 된 지금까지도 디멘터가 간수로서 죄수를 괴롭히고 있습니다. ⚙️사용한 스택 👤유저플로우 로그인 정해진 ID와 PW로만 로그인 가능합니다. 이후에 DB를 이용해 로그인을 구현해보겠습니다. 검색 이름으로 검색을 할 수 있습니다. 업데이트 외부에서 데이터를 변경하고 다시 새로고침하면 최신..

keyframe이란? CSS에서 사용할 수 있는 예약어입니다. 애니메이션의 이름을 생성하고, 그 애니메이션이 각 단계별(프레임별)로 수행할 코드를 작성할 수 있습니다. 다음은 애니메이션을 사용할때 작성하는 구조입니다. div { animation-name: ; /*애니메이션의 이름을 지정합니다.*/ animation-duration: ; /*애니메이션의 시작에서 끝까지 도달하는 시간을 정합니다.*/ animaition-timing-fuction: ; /*애니메이션의 속도 곡선을 지정합니다.*/ animation-delay: ; /*애니메이션 시작 지연을 지정합니다.*/ animation-iteration-count: ; /*애니메이션의 재생횟수를 지정합니다.*/ animation-direction: ; ..

hover란? 가상 클래스(Pseudo Class)의 한 종류입니다. 그렇다면 가상클래스는 또 뭘까요? 특정한 상태를 가진 요소를 선택하여 스타일을 적용하는 선택자 입니다. 유저와의 상호작용에 따라 요소의 상태를 선택하여 스타일을 변경할 때 사용합니다. hover의 역할은 마우스를 롤오버 했을 때, 요소의 상태를 변경하는 것입니다. (롤오버? 마우스를 요소 위에 올려둔다는 말입니다.) 그리고 사용할 때는 ( : ) 콜론을 붙입니다. button:hover { background-color : red; } 그렇다면 이 호버 기능을 사용하는 이유가 뭔지 생각해보겠습니다. 보통 마우스를 통해 웹과 상호작용을 하게 되는데요. 그럴때마다 보여질 효과를 적용하기 위해 hover를 사용하게 됩니다. UX 관점에서 보..

한창 개발자에 대한 수요가 높았지만 지금은 초과 공급으로 수요가 따라가지 못하고 있습니다. 정확히는 수요가 줄어들고 있습니다. 스타트업에 대한 투자건수와 금액의 감소도 영향을 미쳤다고 할 수 있습니다. 세계적으로 경제가 위축이 되었으나 금리 인상으로 인해 물가는 오르고 그에 따라 실업률도 오르게 된 것이 아닌가 생각이 듭니다. 이론적으로 필립스 곡선을 따르겠지만, 기형적인 스태그플레이션 현상을 겪고 있는 것이라고 할 수 있습니다. 따라서 우리는 좁은 고용시장 속에서 경쟁력을 갖출 필요가 있습니다. 그 경쟁력이란 하드스킬, 소프트스킬, 가시적 성과 등이 있습니다. 그래서 우리는 이런 역량들을 가지고 있음을 잘 전달할 필요가 있습니다. 그리고 지금의 시장이 요구하는 역량을 파악하고 그에 맞춰 준비하면 성공률..

조장은 여러분이 먹는 거만 봐도 배불러요 첫 주차에서 느꼈던 나의 걱정은 기우가 되었다. 아직은 섣불리 말할 수는 없지만 내가 조장 역할을 잘하고 있다는 느낌을 받았다. 아무래도 우리 조원분들이 내향형이 많아서 그런지 반응이나 참여도가 조금은 저조했는데 이제는 불쑥불쑥 들어오신다. 행복하다~ 홍홍훙힝 중간중간 과제할 때 아직 실수를 하고는 하는데 이런 부분들을 조장인 내가 잡아주고 있다. 그럴 때마다 나의 리더로서의 경험치가 쌓이는 느낌이 너무 좋다. 효용감이 최고를 찍고 기분이 고양된다. 하지만 역시 내가 가장 경계하는 건 고요한 평온과, 갑자기 찾아온 행복이다. 분명 하얀 도화지엔 고춧가루나, 먹을 뿌리고 싶어 하는 미지의 존재가 있는 게 분명하다. 그래서 지금은 언동을 조심하고 있다. 내 지금 신분..

타입변환 암묵적 타입변환 암묵적 타입변환에 대해 배워보겠습니다. 다른 말로는 타입 강제 변환이라고도 합니다. 우리의 의도와는 달리 코드의 문맥을 고려해 암묵적으로 데이터 타입을 강제 변환 시키는 것을 말합니다. 1+'2' //'12' `1 + 2 = ${1+2}` // '1 + 2 = 3' 위의 코드 처럼 숫자리터럴을 강제로 문자리터럴로 바꿀 수도 있습니다. 2-'1' // 1 11 > '9' // true 이전의 코드와는 다르게 문자를 숫자로 바꿀 수도 있습니다. if ('') console.log(1); // if (0) console.log(2); // if ('yes') console.log(3); // 3 if (null) console.log(4); // 이렇게 조건문 속의 값을 평가하고 bo..