zoeful-coder

2년동안 여유가 없다는 핑계로 프론트앤드 개발자라면 피해갈 수 없는 CSS부분을 더 깊이 학습하지 못한 1인.. 그러니 CSS가 그냥 재밌고 쉽고 그렇게만 생각해왔는데 이 정도에서 머문다면 스스로의 발전은 없는걸로 ㅜ_ㅜ 현 회사에서는 따로 마크업이라던가 요구하는 CSS방법이 정해져 있진 않지만 내가 먼저 나서서 프로젝트에 조금씩이라도 적용해보는걸 목표로 학습을 진행하게 되었다 : ) 그동안 들어만 봤던 뱀~ BeeeeeeeeeeeeeeeeeM!!!!!!! 뱀이다아아 뱀이다아아아ㅏㅏ ㅎㅎㅎㅎ하하하하하핳 뱀처럼 생겨서 BEM인가 크크크킄 ㅎㅎㅎㅎ 그럴리가.....ㅈㅅ BEM은 Block Element Modifier의 약자가 되겠다. 역시 뱀처럼 생겨서 그런게 아니였.... ㅈㅅ2 약자를 하나 하나 분리해..

이번주는 자바스크립트 클로저(Javascript closure)에 대해서 정리해보려고 한다. 클로저라는 말만 들었을땐 스펠링이 closer일꺼라고 생각했는데,,, closure일 줄이야 이것도 안찾아봤으면 언젠가 쪽팔림을 감수해야했던 날이 왔을지도 모른다 ㅎㅎㅎ 이번주에도 개발자스러워지기 위해 또 하나 공부해가기>

프론트앤드 양성과정에서 시멘틱 마크업을 하기 위해 배웠던 내용들을 간단하게라도 하나씩 복습해보려고 해요 ! 회사에서는 javascript 위주의 작업을 주로 하다보니 확실히 안쓰면 잊혀진다는 얘기가 맞다는걸 실감하고 있어요 ㅜ_ㅜ dl태그는 용어를 정의할때 사용하는 태그입니다. dl태그는 dt와 dd를 세트로 묶어서 다니는데 형태는 아래와 같습니다. 용어의 제목 용어의 설명 이때 dl태그는 하나 이상의 dt, dd 세트를 담고 있어야합니다. 그렇다고해서 반드시 dt, dd 한쌍의 세트로만 담겨있어야하는건 아니고, 아래의 형태라면 모두 가능합니다. 용어의 제목1 용어의 제목2 용어의 설명 용어의 제목 용어의 설명1 용어의 설명2 대신 dt와 dd는 dl태그 밖에서 독립적으로 사용할 수 없습니다. 또한 dl..

그동안 vueJS 응용프레임워크인 NuxtJS를 쓰면서도 가상돔이 무엇인지 한번도 궁금해한적이 없었던 저랍니다 하핳 :D 좋은 기회가 생겨 가상돔이 무엇인지 집중적으로 파헤쳐보게 되었어요 ! 가상돔 = virtual DOM 이다. 제가 아는 지식 수준은 여기서 멈춰,,,,,버렸,,,,,, 그런 지난날의 나를 반성하며,, ㅎㅎ 분명 내가 모르진 않을텐데 내가 분명 사용했을텐데 !!!! - ㅁ - 하시는분들은 꼭 보시오 ! 이미 vue를 사용했다면 vue에서 제공하고 있는 디렉티브를 다들 이용해보셨을꺼같아요. vue 디렉티브인 v-for를 사용하면 내가 실제로 작성한 DOM은 하나인데 데이터 입력값에 의해 여러개의 DOM을 생성할 수 있는걸 보셨꺼에요 ! 그렇다면 당신은 이미 가상돔을 사용하고 있었다는 점...

// PermMissingElem /** [ 문제 ] N 개의 다른 정수로 구성된 배열 A가 제공됩니다. 배열은 [1 .. (N + 1)] 범위의 정수를 포함합니다. 이는 정확히 하나의 요소가 누락되었음을 의미합니다. 당신의 목표는 누락 된 요소를 찾는 것입니다. 함수를 작성하십시오. function solution(A); 배열 A가 주어지면 누락 된 요소의 값을 반환합니다. [ example ] 다음과 같은 배열 A가 제공됩니다. A [0] = 2 A [1] = 3 A [2] = 1 A [3] = 5 이 함수는 누락 된 요소 4를 반환해야합니다. */ function solution(A) { // write your code in JavaScript (Node.js 8.9.4) A.sort(functi..

// FrogJmp // 위치 X에서 Y까지 최소 점프 횟수를 계산합니다. /* [ 문제 ] 작은 개구리가 길 반대편에 가고 싶어합니다. 개구리는 현재 X 위치에 있으며 Y 이상의 위치에 도달하려고합니다. 작은 개구리는 항상 고정 거리 D를 뛰어 넘습니다. 작은 개구리가 목표에 도달하기 위해 수행해야하는 최소 점프 횟수를 세십시오. 3 개의 정수 X, Y 및 D가 주어지면 X 위치에서 Y 이상의 위치로 최소 점프 횟수를 반환합니다. [ 가정 ] - X, Y 및 D는 [ 1 .. 1,000,000,000 ] 범위 내의 정수 이며, X ≤ Y [ example ] X = 10, Y = 85, D = 30 개구리가 다음과 같이 배치되므로 함수는 3을 반환해야합니다. 첫번째 점프 후 위치 10 + 30 = 40..

안녕하세요! 최근에 팀원들을 상대로 NuxtJS에 대해 CodeLab을 했었는데 어찌나 떨리던지.. CodeLab했던 내용을 공유하고자 가지고 왔습니다. 내용은 크게 계기 > 특징 > 구조 > 후기로 구성되어질 예정입니다. 먼저, NuxtJS를 시작하게 된 계기 입니다. 회사에 입사해 팀장님 외 다른 팀원분들을 통해 meteor 교육을 받았지만 그 당시 제 실력이 미비해서 그런지 meteor를 이해하기에 녹록치 않은 때가 있었습니다. 그러던 중 한 블로그에서 vue라는 자바스크립트 프레임워크를 접하게 됩니다. 그나마 meteor보다 진입장벽이 낮게 느껴졌던 vue에 흥미를 느끼고 블로그에서 추천해준 서적도 구입을 합니다. 아마 이런 낮은 진입장벽 덕분에 vue가 2019년 가장 인기있는 자바스크립트 프레..

S3 (= simple strobe service ) 파일서버 파일을 저장하고 필요한 사람한테 제공 파일 = 객체 특징 많은 사용자가 접속을 해도 이를 감당학 위해 시스템적인 작업을 하지 않아도 된다. 저장할 수 있는 파일 수의 제한이 없다. 최소 1바이트 ~ 최대 5TB의 데이터를 저장하고 서비스 할 수 있다. 파일에 인증을 붙여서 무단으로 접속하는것을 막아준다. HTTP와 BitTorrent 프로토콜을 지원한다. 데이터를 여러 시설에서 중복으로 저장해 데이터의 손실이 발생할 경우 자동으로 복원한다. 버전관리 기능을 통해 사용자의 실수도 복원가능하다.