https://www.codetree.ai/missions/4/problems/factorization-discriminator?&utm_source=clipboard&utm_medium=text

n = int(input())
satisfied = False
if n % 2 == 0 or n % 3 == 0 or n % 7 == 0:
    satisfied = True
else:
    print("N")
if satisfied == True:
    print("C")

조건이 하나라도 만족되면 -> 만족으로 바뀌고 C를 출력한다

n = int(input())
satisfied = False

for i in range(2, n):
    if n % i == 0:
        satisfied = True

if satisfied == True:
    print("C")
else:
    print("N")

for문으로도 풀어보았다.

사전적 의미의 캐러셀은 회전목마다.

캐러셀 슬라이더는 회전목마가 빙글빙글 돌듯 이미지 혹은 영상을 슬라이더 형태로 만들어 보여지는 UI를 통칭하여 부른다.

One-way 애니메이션이 들어간 UI를 만드는 순서

1. 애니메이션 시작 전 화면 만들기
2. 애니메이션 종료 후 화면 만들기
3. 종료화면으로 어떻게 변할지 JS 코드 작성
4. transition 추가

여러 방법이 있으나 이미지를 이렇게 가로로 길게 놓은 후 왼쪽으로 끌고 오면 만들 수 있다.

1. 애니메이션 시작 전 화면 만들기

      <div>
        <div class="slide-container">
          <div class="slide-box">
            <img src="car1.png">
          </div>
          <div class="slide-box">
            <img src="car2.png">
          </div>
          <div class="slide-box">
            <img src="car3.png">
          </div>
        </div>
     </div> 

.slide-container {
    width: 300vw;
    transition: all 1s;
  }
  .slide-box {
    width: 100vw;
    float: left;
  }
  .slide-box img {
    width: 100%;
  } 

VW : 브라우저 폭에 비례한 단위. 100vw == 브라우저 폭의 100% 이미지를 가로로 배치하기 위해 float: left 이미지 컨테이너를 이동으로써 변화를 줌 transition: transform 1s 설정

이렇게만 작성 시 하단에 스크롤 바가 생성된다. 이는 이미지의 크기가 커서 생기는 것으로 스크롤 바를 숨기기 위해 div로 감싸서 style="overflow: hidden" 추가해주자.

      <div style="overflow: hidden">
        <div class="slide-container">
          <div class="slide-box">
            <img src="car1.png">
          </div>
          <div class="slide-box">
            <img src="car2.png">
          </div>
          <div class="slide-box">
            <img src="car3.png">
          </div>
        </div>
     </div> 

2. 애니메이션 종료 후 화면 만들기

어떤 html 요소를 왼쪽으로 이동시키는건 margin-left 이나 transform 속성을 사용

.slide-container {
  width: 300vw;
  transition: all 1s;
  transform: translateX(-100vw);
} 

3. 종료화면으로 어떻게 변할지 JS 코드 작성

jQurey로 찾은 요소에 .css()로 속성변경

이렇게 슬라이딩 되는 화면을 볼 수 있다.

1, 2, 3 버튼을 누르면 1번사진 2번사진 3번사진으로 슬라이딩되는 화면 이전 / 다음 버튼을 누르면 이전사진 / 다음사진으로 바뀌는 JS까지 만들었다.

'문자'.includes('찾을 단어')

문자 뒤에 .include()를 붙여서 검사해볼 수 있다. 그러나 단점도 존재함

• 한글이나 영어가 들어있는지에 대한 확인 불가
• 특정 글자로 끝나는거 확인 불가
• . 다음에 특정 글자가 오는지 확인 불가

그래서 정규표현식(regular expression)을 사용해 준다.

정규표현식(regular expression)

문자를 검사하고 싶을 때 사용하는 식 만약 'abc'라는 단어가 abcdef에 들어있는지에 대한 여부를 알고 싶으면

/abc/.test('abcdef')

이렇게 /정규식/.test(검사해볼문자)를 사용할 수 있음

자주 사용되는 정규식 문법

[ ] : 문자 범위의 지정이 가능

[a-d].test('add') // true

[a-zA-z] : 아무 알파벳 하나를 뜻함 [ㄱ-ㅎ가-힣-ㅏ-ㅣ] : 아무 한글 하나를 뜻함

/[a-zA-Z]/.test('안녕')  //false
/[a-zA-Z]/.test('안녕a') //true
/[ㄱ-ㅎ가-힣ㅏ-ㅣ]/.test('안녕')  //true

\S: 특수문자 포함 아무문자 1개

/\S/.test('qwer')   //true  

^(검사할문자): 검사할문자로 시작하는지 확인 (검사할문자)$ : 검사할 문자로 끝나는지 확인

/^a/.test('abcde')   //true
/e$/.test('abcde') //true  

| : or 기호. 둘 중 하나만 존재해도 true

/(c|z)/.test('abcde')   //true

(특정글자)+ : + 이후에 오는 글자들도 특정글자와 일치하는지 반복 확인

/a+/

이것을 활용하여

/\S+d/

모든문자 여러개 뒤 d가 오는 것을 찾을 수 있음 ex) weqlkfwnld

이메일 정규식

/\S+@\S+\.\S+/

벨로그 글쓸 때와 마찬가지로 .도 백슬래시를 앞에 붙여줘서 마침표 문법과 구분시켜줌

이렇게 끝날줄 알았으나 로그인 창에서 한번 로그인한 아이디가 아래 고대로 뜨는것을 발견했다 검색찬스를 써서 autocomplete = "off"를 사용

출처 : https://codingapple.com/

이건 마치

"기록이 중요하다"

비전공자로 처음 IT에 관심을 갖게 되고 처음 들어본 부트캠프에서 먼저 취업하신 분들이 항상하던 소리가 배운거 정말 기록하는게 중요하는 것이였다.

부트캠프 끝내고 바로 취준 시작했어야하는데 2달동안 개인적 사정으로 캐나다를 다녀온 후 막상 취업을 하려니

ㅇ ㅏ..? 아는것도 모르겠음 노션에 나름대로 정리한게 있는데요... 모르겠습니다...? 이딴게... 취준을 할수가 있다고...?

기억살리기 + P인간의 J흉내 프로젝트

매일 공부한것을 노션이 아닌 벨로그에 정리해보도록 하겠다

왜 벨로그?

노션에 정리를 하면 혼자만 봄

• 아무래도 공개적 공간에 올리는게 (말투도....) 정리를 잘할 수 있을 것 -> 혼자 정리하면 진짜 이렇게함

• 기록 보면서라도 불안한 취준생 맘을 조금이나마 덜지 않을까하는... 어쩌구

• 내가 이렇게 열심히 했다 ㅠㅠㅠㅠㅠ

생각만 하다가 시간 보내기에 삶은 정말 찰나이고 지금 시작하는 나의 작은 변화가 나비효과처럼 큰 변화가 되길

공부 내용

EIGRP/ 패킷트레이서를 이용한 EIGRP 설정 / OSPF / OSPF Area / OSPF Router의 종류 DR 선출 방법 / ACL / NAT / OSPF 설정 실습/ 미니테스트

오늘의 끄적임

14일부터 오늘까지 일주일 조금 넘는 시간동안 배운걸 정리했다 베이스 러닝이였지만 전혀 베이스로 느껴지지않는 꽉찬내용들이였지만 보람있었다!

아직은 개발자라고 부를순 없지만

이 부트캠프를 끝낸 뒤의 나와 , 그 이후의 개발자로서의 내가 기대된다 요번 한주도 해냈다 다음주부터는 리눅스!!! 가보자고

공부 내용

패킷트레이서로 텔넷 접속 실습 / 라우터와 라우팅 개념정리 / 정적라우팅 / 동적라우팅 / 정적라우팅 세팅 실습

오늘의 끄적임

패킷트레이서로 여러가지 실습을 따라하면서 느낀점

1. 오타 안내게 조심하자 대충 한타도 밥먹듯 오타내는 사람
2. 왜 안되는지에 대한 기록을 잘 해보기

-> 다음날에 실제로 도움이 된다 어제 솔직히 ... 실습 따라가면서 버거웠는데 정리를 그래도 잘 해둔덕인가 오늘은 의외로 할만했다..! 3. 복습해 복습

남은 목금도 힘내보자 오늘 과제 그래도 시간내에 해내서 넘 뿌듯했던 날

공부 내용

TCP프로토콜/UDP프로토콜/ICMP 메시지 유형/네트워크 명령어 정리/패킷트레이서로 패스워드 거는법/패킷트레이서를 이용해서 스위치와 라우터 구축해보기

오늘의 끄적임

19일은 깜빡 ㅠ 한타도...느린데...수업속도에 따라가려면 독수리타자로 쓰는 영타로는 어림도 없었다(엉엉)이거 되나..? 와이어샤크로 프로토콜 보는건 그래도 저번주에 조금 봐봤다고 익숙해진 기분이였는데 오늘 sisco 패킷트레이서... 나한테 외굻애.. 이번주부터 저번주에 공부한 내용을 정리하는 식으루다가 야금야금 공부 필기도 올려봐야겠다

공부 내용

유니캐스트,멀티캐스트,애니캐스트 / MAC주소 / IP주소 / 클래스풀 주소체계/ 클래스리스 주소체계 / 서브넷마스크 / 서브넷팅 / VLSM / NAT

오늘의 끄적임

클래스구분과 서브넷팅 개념이해가 너무 안돼서 이해하기위해서 다른 블로그, 구글자료 등을 좀 찾아봤다 다섯개쯤 보니까 간신히 고개 끄덕이기...가능한....

아 그래도 너무 어려운거 아니냐고 간신히 알아들은거... 다시 잃어버리지말고 주말 복습꼭꼭

공부 내용

OSI 7계층 中 4~7 / 인캡슐레이션, 디캡슐레이션 / LAN, WAN / VPN / NIC / 케이블과 커넥터 / 허브 / 스위치 / 라우터 / 방화벽 / IPS / WIRESHARK 기본 사용법

오늘의 끄적임

용어가 쏟아져서 정신없던 하루 후 그래도 오늘은 필기 안날려먹었다!

공부 내용

네트워크 정의 / 프로토콜 / OSI 7계층 中 1~3계층

오늘의 끄적임

노션을 쓰는데... 필기를 날려먹은 사람이 있다...?? 저장필수....만약에 날라갔다..? 무조건 ctrl+z 생각하기 필기 잘하는 사람 너무 부럽다 아이패드처럼 PC로도 그림넣고 글씨쓰고 할 수 있을텐데 방법찾기 IT 자격증!!!