profile
끄적여보는 FE 스윙 성장기 💻
post-thumbnail

[Project] Rolling List & Auto Complete Keywords

기능 Carousel UI Rolling UI 검색창 Focus시 Rolling Stop DropDown UI 검색창 클릭 시 DropDown UI 노출 DropDown UI 초기 상태는 Rolling UI와 같은 데이터 노출 마우스 일정시간 벗어나면, 초기 스타

2021년 3월 14일
·
0개의 댓글
post-thumbnail

[기록] 코드스쿼드 FE과정 5주차 회고

너무 오랜만에 쓰는 회고이다.. 정말 스트레스도 많이 받고 오락가락 롤러코스터를 수백번 타고 나서 이제야 조금은 자리잡은 마음에 오랜만에 회고를 써본다.일단 총체적으로 만족하는 한 주 이다. 이전에는 크게 신경쓰지 않았던 설계를 공들여서 하니 미션 진행에 수월함이 있었

2021년 3월 14일
·
0개의 댓글

[TIL] fetch API를 이용한 다른 도메인의 데이터를 가져오기

키워드가 입력될때 마다 서버에서 데이터를 받아와야 하는데, 로컬에 그런 엄청난 데이터를 내가 구축할 수 있는가? 에 대한 막막함으로 이 글을 시작한다.일단 현실적으로 나혼자 그 데이터를 구축하는 건 불가능하다고 판단했다.일단 수업에서 힌트를 얻어, 어느 도메인이나 요청

2021년 3월 8일
·
4개의 댓글
post-thumbnail

[TIL] Sass ? SCSS ?

참고 : SCSS 완전 정복css와 CSS pre-processor (동작법,빌드법)How to compile?Sass와 SCSS의 차이점꼭 알아야할 SyntaxCSS는 상대적으로 배우기 쉽고 재미있다.하지만 불필요한 선택자(Selector)의 과용과 연산 기능의 한계

2021년 2월 28일
·
0개의 댓글

[Project] Carousel UI

캐러셀uicarouselUI 에 들어갈 이미지를 3장이라고 가정해보자.UI의 구성을 |3번이미지|1번이미지|2번이미지|3번이미지|1번이미지| 로 1번앞에 3번을, 3번뒤에 1번을 추가로 둔다.초기 translate3d값을 (-485px,0,0)으로 지정하여 1번

2021년 2월 28일
·
0개의 댓글

[node.js] express server

Node.js로 개발 환경을 꾸미는 데에 있어서, 서버 구축을 할 수 있게 해주는 npm 모듈 (프레임워크) 이다.먼저 node.js를 설치하고 node.js개발 환경을 위해 프로젝트 디렉토리에 npm init을 해준다.express 설치를 위해 npm install

2021년 2월 28일
·
0개의 댓글

[node.js] npm이란?

Node Packaged Manager 의 약자이다.Node.js에서 만들어진 모듈을 웹이서 받아서 설치하고 관리해주는 프로그램이라고 설명할 수 있다.또한 모듈 업데이트 등 버전관리가 용이하기 때문에 세계에서 가장 큰 오픈 소스 라이브러리라고 소개가 된다.프로젝트를 진

2021년 2월 28일
·
0개의 댓글
post-thumbnail

[node.js] node.js란?

node.js란?npm이란?express란?express 사용법 및 예제express server 열기client get요청 연습client post요청 연습fetch API를 이용한 ajax 연습공식 홈페이지에 따르면,"크롬V8 자바스크립트 엔진으로 빌드된 자바스크립

2021년 2월 28일
·
0개의 댓글

[Project] 에어비앤비 사이트 클론 코딩2

기능 1 : 우측 상단 햄버거UI누르면, 레이어 노출 / 레이어 제외한 다른 곳을 누르면 레이어 닫힘기능 2 : 상단 메뉴 '숙소','체험'을 선택할 때마다 검색UI 바뀜.기능 3 : '체험' -> '날짜' 클릭 시 달력UI 노출 / 좌우 버튼 클릭 시 월 변경opac

2021년 2월 21일
·
0개의 댓글
post-thumbnail

[Algorithm] 업로드 예정

...

2021년 2월 14일
·
0개의 댓글
post-thumbnail

[Project] 에어비앤비 사이트 클론 코딩

Html semantic tagSVGdiv와 span, ul을 이용하여 element의 block,inline등의 속성을 알게 되었다.chrome developer tool의 사용법을 익혔다.Box-sizing(border-box와 content-box의 차이점)Res

2021년 2월 14일
·
0개의 댓글

[CS]Data Base & Docker & mySQL

Data Base & Docker & mySQL 가상환경을 위한 Docker에 mysql 서버를 설치 후 DataBase시스템을 다뤄보자. 1. Docker설치 > Docker란 ? > > 각 요소들이 설치된 모습을 이미지로 박제 후, 도커허브에 업로드 & 공유됨

2021년 1월 31일
·
1개의 댓글
post-thumbnail

[기록] 코드스쿼드 CS과정 4주차,,~ing

여태껏 밀린 블로그 정리를 했다. 코드스쿼드 CS과정 4주차까지 달려오며, 드디어 일지를 써본다...간략하게 써볼까 한다.아직 한달도 채 안됬지만, 기분은 롤러코스터를 탄 것 마냥 오락가락 한다.갈수록 할 건 많아지는데, 나태해지는 나를 보며 자책과 무기력함을 느꼈다.

2021년 1월 27일
·
1개의 댓글

[Linux]서버 원격 접속 후 조작(Shell Script)

터미널만들어진 디렉토리터미널만들어진 cs파일cs파일이 없을 시 해당 디렉토리 empty 문구 출력터미널타 서버에 복사된 zip 파일

2021년 1월 27일
·
0개의 댓글

[Linux]리눅스의 역사

개인용 OS(운영체제) 시장에는 크게 리눅스와 윈도우가 있다.1970년도 이전 과거 컴퓨터들은 공장에서 목적에 맞는 고유의 운영체제를 가지고 있어서현대 사회처럼 한가지 운영체제를 여기저기 설치해 사용할 수 없었다.따라서 컴퓨터 한대의 생산 단가는 국가나 살 수 있을 정

2021년 1월 27일
·
0개의 댓글
post-thumbnail

[Linux]가상머신에 리눅스 설치 & 로컬 컴퓨터로 접속

VirtualBox > 파일 > 호스트 네트워크 관리자만들기 > 네트워크 어뎁터 생성VitualBox 관리자 설정 > 네트워크 > 어댑터 2 > 호스트 전용 어댑터로 변경우분투 연결 확인 (상단 우측 네트워크 클릭 > enp0s3 & enp0s8 연결 확인 , 인터넷

2021년 1월 27일
·
0개의 댓글

[CS]Big-O 표기법

알고리즘의 성능을 수학적으로 표현해주는 표기법알고리즘의 시간,공간 복잡도를 표현데이터나 사용자의 증가율에따른 알고리즘 성능 예측입력 데이터 크기에 상관없이 언제나 일정한 시간이 걸리는 알고리즘O(1)의 CodeO(1)의 time graph입력 데이터 크기에 비례한 알고

2021년 1월 27일
·
0개의 댓글

[CS]Linked-List

Array List에 더불어 자료구조를 표현하는 대표적인 두번째 방법.Element 간의 연결을 이용해서 리스트를 구현 / 연결이라는 것이 핵심 키워드!!!!메모리\-용량이 매우 작고 전기를 끄면 데이터가 사라짐.\-속도가 매우 빠름스토리지\-용량이 매우 크고 전기를

2021년 1월 27일
·
0개의 댓글
post-thumbnail

OOP-객체 지향 프로그래밍

class : 템플릿, 혹은 청사진으로 불리우며 es6에서 추가된 문법이다.object를 만들던 prototype에 class 문법을 추가하였다.비유하자면 클래스는 붕어빵틀이고 오브젝트는 실제 만들어진 붕어빵이다.클래스에는 직접적인 데이터가 들어가있지 않지만, 오브젝트

2021년 1월 27일
·
0개의 댓글
post-thumbnail

FP - 함수형 프로그래밍

return을 하면 내부함수는 생을 마감한다.inner변수에 outter()를 하는 순간 함수는 실행됨과 동시에 생을 마감내부 함수에서 이미 사라진 외부 함수에 접근하고 성공적으로 이뤄진다.내부 함수를 포함하는 외부 함수에 접근 할 수 있을 뿐 아니라 외부 함수가 종료

2021년 1월 27일
·
0개의 댓글