전체 글

프론트엔드 지식을 다 먹어버리겠다는 의지
[코드스테이츠 프론트엔드 엔지니어링 44기 합격후기] 약 3~4개월정도 혼자 HTML부터 시작해서 JavaScript를 독학하고 있었을 때, 나는 다양한 정부지원 부트캠프를 지원하기 시작했다. 독학하면서 학원이나 다른 학습 가이드를 해주는 무언가의 병행이 필요하다고 느낀 것은 3가지였다. 학습 교재의 부재 , 학습 가이드의 부재, 다른 엔트리들, 멘토들과의 소통 부재 혼자 언어에 대해 공부하고 스스로 알고리즘을 공부하면서 누구에게 질문 할 대상을 찾기 어려웠다. 물론 stack overflow라는 사이트가 있지만, 영어기반으로 되어있는 글로벌한 사이트라는 점을 고려하면 온전히 질문과 응답을 이해하기가 어려웠다. 또한 한국인으로서 설명이 한눈에 들어오지 않는다^^.. 혼자서 다양한 강의들을 결제하고 들었지..
· Pixel Art
커엽다 . . 만족. . 또그려야지 . .
· Pixel Art
넘 커엽다.. 보라색 슬라임을 만들어보았슴둥..
· Frontend
● CSS 애니메이션 VS JS 애니메이션 - 웹사이트에 애니메이션 효과를 부여할 때 CSS의 transition / animation 속성을 사용할 수 있고 JS의 setInterval() / requestAnimationFrame() 을 사용할 수 있다. 하지만 각각을 사용할 때의 특징이 다르고 장단점이 있기 때문에 어떤 차이가 있는지 알아두는 것이 좋다. 기술면접에도 나온적이 있다. ● CSS 애니메이션 - 일반적으로, 마우스를 올렸을 때 혹은 메뉴 버튼의 전환과 같은 간단하게 처리하는 애니메이션의 경우 CSS로 처리한다. 예를 들어, 200 크기의 정사각형을 왼쪽 위에서 오른쪽 아래로 350px 움직이게 하는 애니메이션을 구현한다고 하면, transform 의 translate 를 사용해서 구현할..
· Frontend
● CI (continuous Integration, 지속적통합) - CI는 빌드와 테스트를 자동화해서 공유 저장소에 병합시키는 프로세스를 뜻한다. git과 같은 버전관리 시스템을 사용할 때 여러명의 개발자가 하나의 공유 저장소를 사용하는 경우가 많다. 이렇게 되면 새로운 코드의 변경 사항이 저장소에 통합되지 않을 경우 서로 충돌할 수 있다. 따라서 빌드/테스트 자동화부터 코드의 일관성(Consistency)을 제공하기 때문에 지속적으로 통합한다는 용어를 사용하는 것이다. ● CD (continuous Delivery/Deploy , 지속적 전달/배포) - CD는 CI의 빌드/테스트를 통해서 정상적으로 수행됨을 확인하면 이는 배포를 수동으로 하느냐 자동으로 하느냐에 따라 2가지로 나뉜다. 지속적 전달 :..
●문제 : 알파벳 소문자로만 이루어진 단어 S가 주어진다. 각각의 알파벳에 대해서, 단어에 포함되어 있는 경우에는 처음 등장하는 위치를, 포함되어 있지 않은 경우에는 -1을 출력하는 프로그램을 작성하시오. ●입력 : 첫째 줄에 단어 S가 주어진다. 단어의 길이는 100을 넘지 않으며, 알파벳 소문자로만 이루어져 있다. ●출력 : 각각의 알파벳에 대해서, a가 처음 등장하는 위치, b가 처음 등장하는 위치, ... z가 처음 등장하는 위치를 공백으로 구분해서 출력한다. 만약, 어떤 알파벳이 단어에 포함되어 있지 않다면 -1을 출력한다. 단어의 첫 번째 글자는 0번째 위치이고, 두 번째 글자는 1번째 위치이다. ●예제입력: baekjoon ●예제출력: 1 0 -1 -1 2 -1 -1 -1 -1 4 3 -1 ..
김코린이
김코린이의 성장일기