본문 바로가기

MENU

CSS 반응형 웹 (Responsive Web) - test1 저번 면접때 주로 질문 받은건 반응형 웹이 가능하냐에 대한 질문을 많이 받았다. 내가 리뉴얼한 페이지는 반응형이 아니라 자신있게 할 수 있다고 말을 못했다. 준비되지 않은것에 자신있게 거짓말하기가 싫었다. 그리고 해본거랑 할 주 아는거는 차이가 크기 때문이다. 그래서 조금씩 해보기로했다. 처음에는 간단하게 시작하도록 하자. 미디어 쿼리 적용법은 4가지가 있다. 1.link 태그 안에 위치하여 media 속성 안 조건에 만족할 때 해당 css파일을 불러온다 2. 태그 안에 위치하여 media 속성 안 조건에 만족 할 때 스타일을 적용 시킨다 3. - @import 태그 안에서 @import를 사용하여 뒷 부분의 미디어 쿼리를 만족 할 때 해당 css파일을 불러온다. 4.CSS파일 불러온 css파일 안 혹은.. 더보기
4day - 배열의 기초(2) 배열의 기초 (1)에서 평균값을 구하는 것을 했다.배열의 기초 (2)에서는 이중배열에 대해서 알아보자이중배열은 배열안에 배열을 또 넣는거라 생각하면 좀 이해가 잘 된다고 생각된다. 저 위에 쓰여있는 식대로 한다면배열안에 3개의 배열이 존재하는 거에서 각 첫번째 배열을 합산해서 score.length로 나눈값을 구하는 식이다.쉽게말해 각배열의 첫번째의 평균을 구한다고 보면된다.답은 90이다.90+100+80 = 270 / score.length여기서 조금만 바꾸면 다음 배열의 평균값도 구할 수 있게된다.2번째 배열의 평균을 출력해보면86.66666666666667 의 값이 출력된다.좀 더 이걸 응용해서 다른식으로 해본다면이번에는 합격점을 두고 그리고 2번째점수와 3번쨰 점수를 비교해서 그거에 해당되는 사람.. 더보기
4day - 배열의 기초(1) 그 동안 if문과 for문을 사용했는데 이번에는 배열을 공부해보려한다. 책에서 나오길 배열은 여러 개의 변수를 한번에 다룰 수 있는 자료형이다 라고나온다.배열은 []로 생성해야 된다.예를 들면var array = [273, 32, 103, 57, 52];이런식으로 하면 배열이 된다.cars는 3개의 자동차 이름을 넣어놨다. for문으로 저 3가지를 다 나오게 하려고 했고cars의 length 만큼 돌려서 3개가 나오게 된다.결과를 보면 배열안에 들어가 있는 것 들이 하나씩 보인다.이번에는 배열요소를 하나더 늘려서 for문을 사용해서 cars.lenght만큼 for문을 돌리는데 안에 if문으로 조건을 둬서 저건에 맞는것만 표현하도록 해보았다.홀수인 배열요소를 나오게 조건을 둬서 나온 결과이다.이번에는 키의.. 더보기
액정 휜 삼성, 이번엔 접는 폰 내놓나 - ZDnet 기사에 삼성이 미국 특허청에 '접을 수 있는 기기와 그 기기 작동 방법'과 관련한 특허를 출현했다고 나온다.*나인투파이브맥을 비롯한 주요 외신들이 11월 30일 보도했다삼성이 액정을 완전히 휠 수 있는 특허를 출원했다. (사진=미국 특허청)이번에 특허에서 관심있게 볼 점은 화면을 완전히 접을 수 있는 기술이란 거다. 그리고 이번 특허에서는 접은 상태에서 각종 기능을 작동할 수 있는 방법까지 구현 하고 있다는 점이다.스마트폰을 접은 상태와 펼친 상태를 보여주는 화면. (사진=미국 특허청) 이번 특허에서는 지난 2013년에 선보였던 갤럭시 라운드에서 한층 발전된 모습을 보인다.*13년도 갤럭시 라운드는 핸드폰이 전체적으로 휜 상태로 선보였다. 왼쪽에 있는 탭을 누르면 화면이 펼쳐진다. (사진=미국 특허청) .. 더보기
자바스크립트가 세상을 먹어치우고 있다. - ZDnet 기사를 읽어보면 워드프레스닷컴과 페이스북이 기존PHP 코드를 버리고 HTML, CSS, 자바스크립트 그리고 레스트풀API로 관리자 인터페이스를 바꿨다는 내용과 더불어 왜 자바스크립트를 선택했는지에 대해서 이유가 나와있다.오토매틱 CEO 매트 뮬런웨그 (Matt Mullenweg)는 자신의 블로그를 통해 "우리가 지난 10년간 사용해 왔던 기술적 기반이 미래에 직면할 요구에 대응하기 충분치 않다고 생각했다"고 그 이유를 설명했다.그러면서 자바스크립트를 택하면서 크로스 디바이스 대응이 쉬워졋다는 점을 큰 장점으로 꼽았다.다른 장점은 PHP 기반 기존 WP어드민과 비교해 자바스크립트 기반 칼립소는 페이지 로딩 속도, 업데로딩 속도도 크게 향상되었고 자바스크립트로 전환하고 레이스풀API로 워드프레스코어와 커뮤니.. 더보기
1박 2일 지리산 - 백무동 코스 날짜 : 2015-12-03~04 (목, 금)날씨 : 눈/구름많음 코스 : 지리산 백무동 ~장터목 대피소12월 첫 산행은 지리산으로 골랐는데 생각보다 날씨가 안 좋아서 걱정이 많이 됬다.아침에7시 차를 타고 지리산(백무)행 버스를 타고 11~12시 도착예정이다.버스 안에는 5명정도가 타있었는데 모두 등산객으로 보였다.눈이 많이와서 1시간 가량 도착시간이 지연되서 12시쯤 차에 내리게 되었는데. 눈이 안쌓여있었는데 눈이 내리기 시작했다.날이 춥진않지만 바람은 차다올라가는 동안 날씨는 오락가락한 편이다. 눈이오 다가 바람이 불다가 또 잠잠하다가...장터목 대피소에 도착 후 바로 짐정리하고 식사를 했다.훈제오리랑 라면으로 식사를 하고저번에 사논 더치커피 원액을 마셔보았다.일반 커피 보다는 좀 더 괜찬은 느낌이.. 더보기
3day - 퍼즐만들기 퍼즐 만들기를 하기 위해선 저번에 했던 블록쌓기에서 응용을 해야 된다. if & for 그리고 shuffle, parseInt 등을 사용해서 만들어보자. 이걸 만들려고 한다. 마지막칸을 비우고 비워있는 칸 상하 좌우 칸을 눌렀을때 빈곳으로 이동하게 해서 퍼즐을 완성한다. 저 상태로 완성이되면 셔플이벤트로 퍼즐의 위치를 섞어주면 완성이다. 전체 box-wrap을 만들고 그 안에 들어갈 box를 css를 넣어준다. 여기서 background-image를 한장의 사진을 넣어주는데 사진크기를 box-wrap크기와 똑같이 맞춰줘야 빈틈 없이 들어간다. 이것은 js로 box마다 사진의 위치를 backgroundPosition로 잡아준다. append를 추가할때 col="'+i+'" row="'+j+'" 를 넣어줘서.. 더보기
아마존 드론 헬리콥터 드론 - ZDnet 요즘 드론이 뜨는 가운데 여럿 회사들이 드론 개발에 착수해서 하나둘씩 선보이고있다. 그중에 아마존이 하이브리드 형태로 개발한 배달용 드론을 공개했다. 아마존은 홈페이지를 통해 '아마존 프라임 에어'라는 배달 드론을 공개했다. 프라임 에어는 이전 아마존 드론보다 크기가 커졌고 헬리콥터, 비행기를 합쳐논 형태로 보인다. 이 드론은 수직으로 떠오르고 내려올 수 있고 수평으로 방향 전환도 할 수 있다. 이전 드론보다 센서로 장애물을 피할 수 있다. 아마존은 "프라임 에어는 400피트(121.92m)의 높이에서 10마일(16km) 이상을 비행할 수 있고, 최고 속력은 시속 55마일(88Km)에 달한다"고 설명했다. 아마존 측은 "이 디자인은 장거리 비행 중에도 안전하고 신속하게 날아갈 수 있게 설계됐다"며 "그 .. 더보기

티스토리툴바